具有粗体文本的链接的不同边框底部

Question

在此页面（http://nate.fm/testing/）上，您可以看到文本链接的下边框被按下。谁能告诉我在CSS中哪些地方可以改变它？

Answer 1

您可以将<a>代码设置为display: inline-block;，然后缩小line-height。

这样的事情可能是：

.post-content a {
    line-height: 15px;
    display: inline-block;
}

Answer 2

.post-content a {
    /* border-bottom: 3px solid #eee; */
    text-decoration: underline;
}

Answer 3

他们正在使用border-bottom和line-height，line-height属性会导致＆＃34;推送＆＃34;在你提到的边界下面

.post-content a { border-bottom: 3px solid #eee; line-height: 160%; }