這篇文章給大家分享的是有關(guān)css中使用text-decoration的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

公司主營(yíng)業(yè)務(wù)：網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)公司推出五原免費(fèi)做網(wǎng)站回饋大家。

如何使用text-decoration？

使用CSS屬性單詞：

text-decoration : none || underline || blink || overline || line-through

text-decoration下劃線CSS單詞值參數(shù)：

none : 　無(wú)裝飾

blink : 　閃爍

underline : 　下劃線

line-through : 　貫穿線

overline : 　上劃線

text-decoration:none 無(wú)裝飾，通常對(duì)html下劃線標(biāo)簽去掉下劃線樣式

text-decoration:underline 下劃線樣式

text-decoration:line-through 刪除線樣式-貫穿線樣式

text-decoration:overline 上劃線樣式

HTML常規(guī)下劃線標(biāo)簽

在HTML u標(biāo)簽下劃線標(biāo)簽“U”即可對(duì)對(duì)象文字加html下劃線。

實(shí)例：

我被U標(biāo)簽加下滑線

CSS控制對(duì)象下劃線屬性樣式

html u下劃線與CSS下劃線對(duì)比應(yīng)用案例

CSS去掉html標(biāo)簽劃線樣式

如果我們想去掉對(duì)應(yīng)html中刪除線s標(biāo)簽刪除線樣式、去掉html u下劃線、去掉html上劃線樣式。

1、去掉html s刪除線貫穿線樣式

.p s{text-decoration:none}

去掉p類對(duì)象盒子里html s標(biāo)簽樣式屬性

2、去掉html u下劃線樣式

.p u{text-decoration:none}

去掉p類對(duì)象盒子里u標(biāo)簽下劃線線樣式屬性

五、超鏈接下劃線高級(jí)運(yùn)用 -  TOP

我們接下來(lái)為大家講解常見(jiàn)CSS 超鏈接,當(dāng)隨便經(jīng)過(guò)時(shí)候文字對(duì)象被加下劃線。

代碼如下：

  
 
 
 
 
 
 
 
 
 
p 
 
 
 

請(qǐng)將以上代碼復(fù)制新建HTML即可查看該實(shí)例樣式。

我們進(jìn)行對(duì)3個(gè)盒子對(duì)象分別設(shè)置對(duì)象內(nèi)文字下劃線、文字刪除線樣式、字體上劃線樣式。

1、css代碼片段：

.p{text-decoration:underline}

.p_1{text-decoration:line-through}

.p_2{text-decoration:overline}

2、html代碼片段：

我被加下劃線

我被加貫穿刪除線

我被加上劃線

感謝各位的閱讀！關(guān)于“css中使用text-decoration的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！