錨的標記文字下劃線沒有在頁面來

Question

我的HTML代碼：

<a href="settings.html">settings</a> 

元素不直接位於body標籤下。 現在我有一個情況我需要下劃線錨標記文本使用CSS，要做到這一點，我使用下面的CSS代碼：

a{ border-bottom: solid 1px #eee;} 

然而，這只是強調封閉在錨標記的文字。如果想讓下劃線穿過頁面怎麼辦？

Answer 1

這是你可能想要做什麼：

a { 
 
    border-bottom: solid 1px red; 
 
    display: block; 
 
}

<a href="settings.html">settings</a>