CSS的下面一行應該為常規下劃線添加填充嗎?不是鏈接,只是當我強調一個或多個單詞時。似乎沒有什么變化。
.underline {
padding-bottom: 2px;
border-bottom: black 2px solid;
}
干杯!
帶下劃線的文本沒有類。為您可以更改的設置加下劃線。它有一個設置:文本-裝飾:下劃線,和邊框-底部不一樣。一些瀏覽器允許額外的文本修飾參數來限定它的樣式,參見https://caniuse.com/#search=text-decoration。然而,在不同的瀏覽器之間,結果看起來確實不同...
.a {
text-decoration: underline;
}
.b {
border-bottom: 1px solid black;
padding-bottom: 3px;
}
<p>This is an example for <span class="a">underlined text</span> within a phrase. Usually a <span> element is used to apply "text-decoration: underline". The vertical distance to the baseline of the text depends on the browser and usually can't be changed.</p>
<p>A "border-bottom" is <span class="b">something completely different</span>. Here the distance to the text can be set manually by using a "padding-bottom".</p>
感謝貢獻一個堆棧溢出的答案!
請務必回答問題。提供詳細信息并分享您的研究!但是要避免…
尋求幫助、澄清或回應其他答案。根據意見發表聲明;用參考資料或個人經歷來支持他們。要了解更多,請查看我們關于撰寫精彩答案的提示。