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中文網其他相關文章！
