css設(shè)置下劃線的方法

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

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

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

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

css添加下劃線：

對字體文字加下劃線樣式，有兩種方法，一直直接使用html下劃線標(biāo)簽，另外一種是使用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" 屬性設(shè)置。

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

屬性值：

none 默認。定義標(biāo)準(zhǔn)的文本。

underline 定義文本下的一條線。

overline 定義文本上的一條線。

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

blink 定義閃爍的文本。

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

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

文章名稱：css設(shè)置下劃線的方法
文章分享：http://m.jiaotiyi.com/article/gspodc.html