html中超链接样式

能够设置超链接样式的属性有很多种(如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;
}

猜你喜欢

转载自blog.csdn.net/weixin_46678271/article/details/105268229
今日推荐