溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關css去掉下劃線的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
css去掉下劃線的方法：可以利用text-decoration屬性來實現，如【text-decoration: none;】，屬性值none表示沒有文本裝飾。
可以使用text-decoration 屬性來取消文本下劃線，該屬性規定添加到文本的修飾，下劃線、上劃線、刪除線等。
基本語法：
/*關鍵值*/ 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 屬性的值。
（學習視頻分享：css視頻教程）
代碼示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>億速云（php.cn）</title>
<style>
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;
}
</style>
</head>
<body>
<h2 class="under">下劃線</h2>
<p class="line">刪除線</p>
<p class="blink">閃爍效果，但瀏覽器不會顯示</p>
<h2 class="over">下劃線</h2>
<p>這是一個 <a class="none" href="#">鏈接</a>，默認情況下鏈接是有下劃線的，這邊我們移除它。</p>
<p class="underover">上劃線與下劃線</p>
</body>
</html>關于“css去掉下劃線的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
