css怎么設置字體下劃線

了解css怎么設置字體下劃線？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

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

屬性介紹：

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

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

語法：

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

屬性值：

• none    默認。定義標準的文本。

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

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

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

• blink    定義閃爍的文本。

• inherit    規定應該從父元素繼承 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;
}

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