html怎麼去除字體下劃線？去除字體下劃線方法
- 云罗郡主原創
- 2018-11-20 14:11:3429303瀏覽
怎麼去除字體下劃線？去除字體下劃線有哪些方法？對於很多剛入門的新手來說，不太清楚html怎麼去除字體下劃線？下面我們來總結一下。
一：超連結去除字體下劃線
很多前端編輯者，在給文字加上連結的時候，超連結會出現一個底線，系統會議自動加上底線樣式，很多人想去掉這個底線，不知道該怎麼處理，其實我們完全可以用css樣式去掉下劃線。
css樣式程式碼：
a{text-decoration:none}程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>取消去掉下划线</title>
<style>
a{ text-decoration:none}
</style>
</head>
<body>
欢迎来到<a href="http://www.php.cn/">php中文网</a>!
</body>
</html>顯示效果如下：
以上css樣式是去除網頁上所有超連結的下劃線，如果我們想要去掉某一個下劃線，我們就對其中一個連結去設定樣式。
二：去掉字體下劃線
在html中，使用u標籤是為字體加上底線，如果想要去掉下劃線，就要使用css樣式，程式碼如下：
u{text-decoration:none}以上就是對html怎麼去除字體下劃線？去除字體下劃線方法的全部介紹，如果你想了解更多有關CSS3教程，請關注php中文網。
以上是html怎麼去除字體下劃線？去除字體下劃線方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn