<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>