能够设置超链接样式的属性有很多种(如color,font-size,font-family,background等)。
超链接有4种状态,具体在代码中讲解。
(1)HTML中的超链接代码
<head>
<body>
<div class="a1">
<ul>
<li><a href="#">马子日</a></li>
</ul>
</div>
其他代码省略
(2)编写css代码,设置超链接的样式,代码如下
li a:link{
color:#E00A0D;
} /*未访问的超链接*/
li a:visited {
color:#551A99;
} /*已访问的超链接*/
li a:hover{
color:#fff;
} /*鼠标放在超链接上*/
li a:active{
color:#10D0B5;
} /*单击超链接时*/
li a:link{
text-decoration:underline;
}
li a:active{
text-decoration:underline;
}
li a:link{
background-color:#B2FF99;
}