css怎么設(shè)置字體下劃線

了解css怎么設(shè)置字體下劃線？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

css設(shè)置字體下劃線的方法：可以利用text-decoration屬性來進(jìn)行設(shè)置，如【text-decoration: underline;】。text-decoration屬性用于規(guī)定添加到文本的修飾、下劃線、上劃線、刪除線等。

屬性介紹：

text-decoration 屬性規(guī)定添加到文本的修飾，下劃線、上劃線、刪除線等。

（視頻教程分享：css視頻教程）

語法：

/*關(guān)鍵值*/
text-decoration: none;                     /*沒有文本裝飾*/
text-decoration: underline red;            /*紅色下劃線*/
text-decoration: underline wavy red;       /*紅色波浪形下劃線*/
/*全局值*/
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;

屬性值：

• none    默認(rèn)。定義標(biāo)準(zhǔn)的文本。

• underline    定義文本下的一條線。

• overline    定義文本上的一條線。

• line-through    定義穿過文本下的一條線。

• blink    定義閃爍的文本。

• inherit    規(guī)定應(yīng)該從父元素繼承 text-decoration 屬性的值。

舉例：

h2.under {
    text-decoration: underline;
}
h2.over {
    text-decoration: overline;
}
p.line {
    text-decoration: line-through;
}
p.blink {
    text-decoration: blink;
}
a.none {
    text-decoration: none;
}
p.underover {
    text-decoration: underline overline;
}

感謝各位的閱讀！看完上述內(nèi)容，你們對css怎么設(shè)置字體下劃線大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。