css – 锚标记上的边框底部填充

前端之家收集整理的这篇文章主要介绍了css – 锚标记上的边框底部填充前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在标题中有一个锚标记,我试图在锚标记上放置一个边框底部,这有效,但是底部的填充太大而负填充不起作用,我该如何解决这个问题呢?

site

HTML

<div id="featureText">
        <h1>Recent Works / <a href="#">All</a></h1>
    </div>

CSS

#featureText a {
    color: #414042;
    text-decoration: none;
    border-bottom: solid 2px #414042;
    padding-bottom: -2px; }

解决方法

#featureText a {
    line-height: 1em;
    display: inline-block;
    color: #414042;
    text-decoration: none;
    border-bottom: solid 2px #414042;
    padding: 0;
}
原文链接:https://www.f2er.com/css/215186.html

猜你在找的CSS相关文章