border-bottom模拟下划线解决和文字重叠的问题实例页面

回到相关文章 »

效果：

我是一段文字，链接地址出现下划线。

padding-bottom大小(0-5px)：

代码：

CSS代码：
a {
    text-decoration: none;
    border-bottom: 1px solid;
}
a:hover {
    color: #cd0000;
    text-decoration: none;
}
HTML代码：
<p>我是一段文字，<a href>链接地址</a>出现下划线。</p>