溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
CSS中取消下劃線樣式的方法是什么？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！
其中給文字加上下劃線樣式，有兩種方法，一種是利用html直接對文字進行設置，另外一種就是使用css下劃線對樣式的設置，下面我們來講解一下對這兩種方法。
一：html如何取消(加上)下劃線
在html標簽中，我們可以使用<u></u>就可以加上下劃線，取消的話，就把<u></u>去掉就可以了。
例如：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>html下劃線標簽實例講解</title> </head> <body> 我是高手!<br /> php是網址!<br /> <u>http://www.php.cn/</u> </body> </html>
html代碼效果：
二:使用css樣式進行下劃線樣式的設置
css可以利用text-decoration:underline進行下劃線的取消和加上，例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>下劃線 刪除線 上劃線實例</title>
<style>
.php5{text-decoration:underline} /* underline下劃線 */
.php5_1{text-decoration:line-through} /* line-through刪除線貫穿線 */
.php5_2{text-decoration:overline} /* overline上劃線 */
.php5_3{text-decoration:none;} /* none是去掉下劃線 */
</style>
</head>
<body>
<div class="php5">我被加下劃線</div>
<div class="php5_1">我被加貫穿刪除線</div>
<div class="php5_2">我被加上劃線</div>
<div class="php5_3">我是去掉下滑線</div>
</body>
</html>
</html>代碼效果：
感謝各位的閱讀！看完上述內容，你們對CSS中取消下劃線樣式的方法是什么大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
