css中使用text-decoration的方法

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

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

如何使用text-decoration？

使用CSS屬性單詞：

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

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

none : 　無裝飾

blink : 　閃爍

underline : 　下劃線

line-through : 　貫穿線

overline : 　上劃線

text-decoration:none 無裝飾，通常對html下劃線標簽去掉下劃線樣式

text-decoration:underline 下劃線樣式

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

text-decoration:overline 上劃線樣式

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

在HTML u標簽下劃線標簽“U”即可對對象文字加html下劃線。

實例：

我被U標簽加下滑線

CSS控制對象下劃線屬性樣式

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

CSS去掉html標簽劃線樣式

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

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

.p s{text-decoration:none}

去掉p類對象盒子里html s標簽樣式屬性

2、去掉html u下劃線樣式

.p u{text-decoration:none}

去掉p類對象盒子里u標簽下劃線線樣式屬性

五、超鏈接下劃線高級運用 -  TOP

我們接下來為大家講解常見CSS 超鏈接,當隨便經(jīng)過時候文字對象被加下劃線。

代碼如下：

  
 
 
 
 
 
 
 
 
 
p 
 
 
 

請將以上代碼復制新建HTML即可查看該實例樣式。

我們進行對3個盒子對象分別設(shè)置對象內(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)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)站名稱：css中使用text-decoration的方法
網(wǎng)站URL：http://m.jiaotiyi.com/article/jdsshd.html