CSS設定文字的劃線

2021-07-15 13:50:03 字數 528 閱讀 7955

css設定文字的劃線

文字加上下劃線、頂劃線和刪除線,在文件中是經常使用的。

css中通過設定文字的text-decoration屬性,來實現這些特殊的效果。

下劃線文字,下劃線文字

頂劃線文字,頂劃線文字

刪除線文字,刪除線文字

文字閃爍

正常文字對比

如上**,分別設定了文字的下劃線、頂劃線和刪除線的效果,此外,這裡特殊的blink值,使得文字不斷的閃爍,但是,ie中不支援這個效果,firefox卻支援的很好。

有時候文字不僅僅有一種效果,同時又下劃線或者刪除線,此時,可以同時將兩個屬性值,同時賦值給text-decoration,並用空格分開。

下劃線文字,頂劃線文字

下劃線文字,刪除線文字

頂劃線文字,刪除線文字

三種效果同時

可以發現各種效果可以同時運用在同一行文字上,為頁面新增趣味性。

css 文字設定

文字修飾 text decoration underline下劃線 none沒有修飾,over line上劃線 line through中劃線 vertical align 豎直對齊方式 text align center 水平居中 vertical align 豎直對齊方式 text align ...

css設定文字

設定文字字型 font family 屬性值有多個時,中間必須用英文逗號隔開 如果字型中間有空格,必須用雙引號將字型引起來,漢字最好也引起來 如果設計者所羅列的字型在使用者的計算機上沒有安裝,則使用瀏覽器的預設字型 設定字型顏色 color 英語單詞指定的顏色,如red,yellow blue pu...

css 文字設定

常用的應用文字的css樣式 1 color 設定文字和顏色,如 color red 2 font size 設定文字的大小,如 font size 20px 3 font family 設定文字的字型,如 font family 微軟雅黑 4 font style 設定字型是否傾斜,如 font s...