首頁 > web前端 > css教學 > css如何設定底線為虛線

css如何設定底線為虛線

王林
發布: 2020-11-18 11:19:30
原創
8043 人瀏覽過

css設定底線為虛線的方法:可以利用text-decoration-style屬性來進行設置,如【text-decoration-style: dotted;】。 text-decoration-style屬性用來規定線條如何顯示。

css如何設定底線為虛線

相關屬性:

text-decoration-style 屬性規定線條如何顯示。

(學習影片分享:css影片教學

語法:

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
登入後複製

屬性值:

  • solid    預設值。線條將顯示為單線。

  • double    線條將顯示為雙線。

  • dotted    線條將顯示為點狀線。

  • dashed    線條將顯示為虛線。

  • wavy    線條將顯示為波浪線。

  • initial    設定該屬性為它的預設值。

  • inherit    從父元素繼承該屬性。

範例:

為a標籤新增虛線下劃線

<a href="#">css如何设置下划线虚线</a>

//css
a{
    text-decoration-style: dotted;
}
登入後複製

相關推薦:CSS教學

#

以上是css如何設定底線為虛線的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板