css中可利用text-decoration屬性來新增底線效果，只需要給元素設定「text-decoration:underline」樣式即可。 text-decoration指定新增至文字的修飾，值underline可定義文字下的一條線。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中，可以利用text-decoration屬性來加入底線效果。 text-decoration屬性可指定新增至文字的修飾，當值設定為underline時，可定義文字下的一條線，即下劃線效果。
下面透過程式碼範例來看看：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
text-decoration: underline
}
</style>
</head>
<body>
<p>测试文本！</p>
</body>
</html>效果圖：
##說明：
| #描述 | |
|---|---|
| #預設.定義標準的文字。 | |
| 定義文字下的一條線。 | |
| 定義文字上的一條線。 | |
| 定義穿過文字下的一條線。 | |
| 定義閃爍的文字。 | |
| 規定應該從父元素繼承 text-decoration 屬性的值。 |
css影片教學）
以上是css如何加入下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章！
保證金是什麼：40px 100px 120px 80px表示？Apr 28, 2025 pm 05:31 PM文章討論了CSS保證金屬性，特別是“保證金：40px 100px 120px 80px”，其應用程序以及對網頁佈局的影響。
什麼是不同的CSS邊框特性？Apr 28, 2025 pm 05:30 PM本文討論了CSS邊境屬性，重點是自定義，最佳實踐和響應能力。主要論點：邊境 - 拉迪烏斯（Border-Radius）對響應式設計最有效。
我們如何在CSS中添加評論？Apr 28, 2025 pm 05:27 PM本文討論了CSS中評論的使用，詳細介紹了單線和多行評論語法。它認為註釋可以增強代碼的可讀性，可維護性和協作，但如果無法正確管理，可能會影響網站性能。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
Atom編輯器mac版下載
最受歡迎的的開源編輯器
EditPlus 中文破解版
體積小，語法高亮，不支援程式碼提示功能
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境，安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問，並防止學生使用未經授權的資源。
SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。
