关于下划线的有无,和超链接的颜色变化

<head>  
<style>
.cl a{color:black} <!--超链接原本颜色-->
.cl a:hover{color:red} <!--鼠标覆在上面的颜色-->

.n{TEXT-DECORATION:none} a:hover{TEXT-DECORATION:underline}
<!--{TEXT-DECORATION:none},这句话的意思是去掉下划线,a:hover{TEXT-DECORATION:underline}
这句的意思是鼠标覆在上面是出现下划线  -->
</style>
</head>
<body>
   <div class=cl><a class=n href="#">链接</a></div><!--“链接”效果:本色是黑色,且无下划线,鼠标盖过去变红色,同时出现下划线 -->
</body>

你可能感兴趣的:(超链接)