首頁 > 文章 > web前端 > css如何加入下劃線

css如何加入下劃線

青灯夜游原創: 2021-07-22 16:30:5314641瀏覽

css中可利用text-decoration屬性來新增底線效果，只需要給元素設定「text-decoration:underline」樣式即可。 text-decoration指定新增至文字的修飾，值underline可定義文字下的一條線。

css如何加入下劃線

本教學操作環境：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>

效果圖：

css如何加入下劃線

##說明：

text-decoration屬性允許對文字設定某種效果，例如加底線。如果後代元素沒有自己的裝飾，祖先元素上設置的裝飾會「延伸」到後代元素中。不要求用戶代理支援 blink。

可能的值：

值#描述none#預設.定義標準的文字。 underline定義文字下的一條線。 overline定義文字上的一條線。 line-through定義穿過文字下的一條線。 blink定義閃爍的文字。 inherit規定應該從父元素繼承 text-decoration 屬性的值。

（學習影片分享：

css影片教學）

以上是css如何加入下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：css怎麼實現兩列佈局下一篇：css怎麼實現兩列佈局

看更多