新葡亰496net 新葡亰编程 css列表属性实例代码

css列表属性实例代码

也可以写作:
a:link.ac
{
    color:#FF0000;
    text-decoration:none;
}
a:visited.ac
{
    color:#0000FF;
    text-decoration:underline;
}
a:hover.ac
{
    color:#00FFFF;
    text-decoration:underline;
}

<body>
<h1 style=”color:#0000FF; “>
<ol>
<font color=”red”;
size=”+3″;><li>这是第一行。</li></font>
<font style=”background-color:#FF00FF
“;><li>这是第二行。</li></font>
<font style=” list-style-type:none”; class=”n”;><li
>这是第三行。</li></font>
<li class=”n”;>这是第四行。</li>
<li><span class=”n”>这是第五行。</span></li>
</ol>
</h1>
<hr>
<br>
<br>
<div id=”liu”>背景与颜色属性实例</div>
<br>
<br>
<div name=”cat”>

</body>
</html>

 

如果直接把 class 写在标签 a 里面,又如何为伪类 visited、hover
写样式呢?

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html;
charset=gb2312″>
<title>列表属性实例</title>
<style type=”text/css”>
a {
text-decoration:none;
}
a:link {
 color:#00FF00;
 
 text-decoration: none;
}
a:visited {
 color:#FFFF00;
 
 text-decoration: none;
}
a:hover {
 
 text-decoration: underline;
 color: #FF0000;
}
a:active {
 
 text-decoration: none;
 color: #FF00FF;
}

<a href=”” class=”ac”>超链接样式</a>

</style>

标签:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图