学习CSS边框属性的用法，border-bottom主要是定义下边框，因此可以使用这个属性为链接定义下划线，而且可以改变a hover时候的underline，因为Underline必竟有限制，不如CSS border-bottom更灵活，以下来看个例子：实现页面链接不同的下滑线颜色效果：
<html>
<head>
<title>链接下划线颜色实例</title>
<style>
.F00{ border-bottom:1px solid #F00}
/*设置对象下边框为红色 */
.00F{ border-bottom:1px solid #00F; color:#090}
/*设置对象下边框为蓝色 文字为绿色 */
.333{ border-bottom:1px solid #333}
/*设置对象下边框为黑色 */
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
</style>
</head>
<body>
<p><strong><a href="/">不同颜色下划线</a>实例效果如下：</strong></p>
<p>DIVCSS布局实例之自定义文字下划线颜色-<span class="F00">下划线红色</span></p>
<p>DIVCSS布局实例之自定义文字下划线颜色-<span class="00F">下划线蓝色，文字为绿色</span></p>
<p>DIVCSS布局实例之自定义文字下划线颜色-<span class="333">下划线黑色</span></p>
</body>
</html>最终运行效果：
