如何缩小边框底部和文本部分之间的距离？

我目前正在建立我的网站，并且遇到问题。 Here is the webpage.如何缩小边框底部和文本部分之间的距离？

我想补充的3px强调只有的链接，就像这样：

文本的行高为56pt，所以底部边框显得过于远离链接。 text-decoration: underline太薄，太靠近。

他们需要大约一半的距离。由于不存在负填充，我应该如何解决它？

来源

2013-04-18 Luke Evans

请张贴一些代码。 -1 – Doorknob

线条高度是您可以通过调整来改变这一点的唯一方法。 – cimmanon

你可以发布一个jsfiddle样本 –

现在使用这个代码（这是演示）

的CSS

.HomeText p a { 
color: red; 
text-decoration: none; 
position: relative; 
display: inline-block; 
vertical-align: top; 
} 
.HomeText p a:hover:after{ 
    content:''; 
    position:absolute; 
    left:0; 
    right:0; 
    bottom:-3px; 
    border-bottom:solid 1px red; 

}

Demo LInk

来源

2013-04-18 12:35:53

答案3 - 将不得不书签！不过，我可以看到某些旧浏览器的一些限制。 – matpol

非常感谢！我已经调整到现在我需要的。我对编码还很陌生，从来没有听说过使用过：后。 –

不幸的是，这将不适用于更长的链接，虽然...我想使用这种技术，但回到边界底部，因为多行链接只有在这个代码的最后一行后面下划线。 –

-2

你尝试呢？