去掉超链接的下划线:text-decoration:none;
a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标滑过
a:active 鼠标按下
例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>超链接</title> <style type="text/css"> .menu{ margin:0 auto; font-size:36px; width: 1000px; text-align:center;} a{ display: block; width:20%; height:80px; line-height:80px; float:left; background-color:#CCC; text-decoration:none;} a:link{/*未访问:红色*/ color:#F00} a:visited{/*未访问:黄色*/ color:#FF0} a:hover{/*未访问:蓝色*/ color:#00F} a:active{/*未访问:绿色*/ color:#060} </style> </head> <body> <div class="menu"> <a href="zhuye.html">首页</a> <a href="shuku.html">书库</a> <a href="wode.html">我的</a> </div> </body> </html>