第二个就是给A标签加一个底部边框：border-bottom:1px solid red，要想与文字有间距使用padding-bottom属性就可以了！第二种可以单独控制下划线的样式！
设置超链接下划线的颜色的方法：A:link {color:颜色}即可。
例如：
<!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>
</head>
<body>
<style TYPE="text/css">
<!--
A:link {color:red }
-->
</style>
<a href="www.baidu.com">百度</a>
</body>
</html>
效果：
扩展阅读：
A:link后为普通情况下链接的效果
A:visited后为已访问链接的效果
A:hover后为鼠标悬停在链接上时的效果
A:active后为当前活动链接的效果
如果想修改链接的颜色只要在括号内写上color值即可。
