首頁 > web前端 > css教學 > 主體

如何在 HTML 中的黑色文字上添加紅色下劃線?

Linda Hamilton
發布: 2024-11-10 19:50:02
原創
207 人瀏覽過

How Can I Have a Red Underline on Black Text in HTML?

HTML中的彩色底線

此程式碼會產生紅色底線文字:

echo "<u><font color='red'><br>$username</font></u>";
登入後複製

但是,您希望將文字保留為黑色,但仍保留紅色

解決方案:文字裝飾顏色

CSS3 引入了一個名為text-decoration-color 的新屬性。此屬性可讓您為文字裝飾指定單獨的顏色,在本例中為下劃線。

透過使用此屬性,您可以實現您想要的效果:

p {
  text-decoration: underline;
  -webkit-text-decoration-color: red; /* for Safari */
  text-decoration-color: red;
}
登入後複製
<p>black text with red underline in one element - no wrapper elements here!</p>
登入後複製

此程式碼產生帶有紅色下劃線的黑色文本,而不需要額外的包裝元素。

以上是如何在 HTML 中的黑色文字上添加紅色下劃線?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板