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>