這篇文章將為大家詳細講解有關css設置下劃線的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

網站建設哪家好，找創(chuàng)新互聯(lián)！專注于網頁設計、網站建設、微信開發(fā)、重慶小程序開發(fā)、集團企業(yè)網站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了萬年免費建站歡迎大家使用！

css設置下劃線的方法：首先創(chuàng)建一個HTML示例文件；然后在body中定義一些文字內容；最后通過“text-decoration:underline;”樣式為文本添加下劃線即可。

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

css添加下劃線：

對字體文字加下劃線樣式，有兩種方法，一直直接使用html下劃線標簽，另外一種是使用CSS下劃線樣式。下面我們來看一下使用css添加下劃線的方法。

css可以使用text-decoration屬性添加下劃線。使用text-decoration:underline;樣式即可為文本添加下劃線。

示例：

 
 



This is heading 1
This is heading 2
This is heading 3

效果如下：

text-decoration 屬性說明：

text-decoration 屬性規(guī)定添加到文本的修飾。

注釋：修飾的顏色由 "color" 屬性設置。

這個屬性允許對文本設置某種效果，如加下劃線。如果后代元素沒有自己的裝飾，祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。

屬性值：

none 默認。定義標準的文本。

underline 定義文本下的一條線。

overline 定義文本上的一條線。

line-through 定義穿過文本下的一條線。

blink 定義閃爍的文本。

inherit 規(guī)定應該從父元素繼承 text-decoration 屬性的值。

關于“css設置下劃線的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。