您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關css中的 text-decoration屬性怎么用的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
text-decoration 屬性,這是一個很有含意的屬性,它供應了很多頗為滑稽的舉動。
text-decoration 有 5 個值:
none
underline
overline
line-through
blink
不出所料,underline 會對元素加下劃線,就像 HTML 中的 U 元素一樣。overline 的浸染恰恰相反,會在文本的頂端畫一個上劃線。值 line-through 則在文本中間畫一個貫串線,等價于 HTML 中的 S 和 strike 元素。blink 會讓文本閃灼,類似于 Netscape 贊成的頗招非議的 blink 符號。
none 值會封閉原本使用到一個元素上的全體裝璜。一般,無裝飾的文本是默認外面,但也不總是何等。好比,鏈接默許地會有下劃線。假如您渴想去掉超鏈接的下劃線,可使用以下 CSS 來做到這一點:
a {text-decoration: none;}
留心:要是顯式地用多么一個規則去掉鏈接的下劃線,那么錨與畸形文本之間在視覺上的僅有差別即是顏色(至少默許是多么的,不外也不克不及徹底保證其顏色必定有分辨)。
還可能在一個劃定規矩中松散多種裝璜。若是祈望所有超鏈接既有下劃線,又有上劃線,則規定如下:
a:link a:visited {text-decoration: underline overline;}
不外要把穩的是,如果兩個不合的裝璜都與抗衡元素完婚,勝出規定的值會完全接替另外一個值。請思量以下的規則:
h3.stricken {text-decoration: line-through;} h3 {text-decoration: underline overline;}
關于給定的規定,一切 class 為 stricken 的 h3 元素都只有一個暢通領悟線裝飾,而不有下劃線與上劃線,因為 text-decoration 值會改換而不是累積起來。
感謝各位的閱讀!關于“css中的 text-decoration屬性怎么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。