如何縮小邊框底部和文本部分之間的距離？

我目前正在建立我的網站，並且遇到問題。 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

你嘗試呢？