這篇文章主要介紹“css怎么添加下劃線”，在日常操作中，相信很多人在css怎么添加下劃線問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”css怎么添加下劃線”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

專(zhuān)注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)九臺(tái)免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

css中可利用text-decoration屬性來(lái)添加下劃線效果，只需要給元素設(shè)置“text-decoration:underline”樣式即可。text-decoration指定添加到文本的修飾，值underline可定義文本下的一條線。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在css中，可以利用text-decoration屬性來(lái)添加下劃線效果。text-decoration屬性可指定添加到文本的修飾，當(dāng)值設(shè)置為underline時(shí)，可定義文本下的一條線，即下劃線效果。

下面通過(guò)代碼示例來(lái)看看：

	
		
			p {
				text-decoration: underline
			}
		
	

	
		
測(cè)試文本！

	

效果圖：

說(shuō)明：

text-decoration屬性允許對(duì)文本設(shè)置某種效果，如加下劃線。如果后代元素沒(méi)有自己的裝飾，祖先元素上設(shè)置的裝飾會(huì)“延伸”到后代元素中。不要求用戶(hù)代理支持 blink。

可能的值：

到此，關(guān)于“css怎么添加下劃線”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！