首頁  >  文章  >  web前端  >  html怎麼去除字體下劃線?去除字體下劃線方法

html怎麼去除字體下劃線?去除字體下劃線方法

云罗郡主
云罗郡主原創
2018-11-20 14:11:3429293瀏覽

怎麼去除字體下劃線?去除字體下劃線有哪些方法?對於很多剛入門的新手來說,不太清楚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>

顯示效果如下:

html怎麼去除字體下劃線?去除字體下劃線方法

以上css樣式是去除網頁上所有超連結的下劃線,如果我們想要去掉某一個下劃線,我們就對其中一個連結去設定樣式。

二:去掉字體下劃線

在html中,使用u標籤是為字體加上底線,如果想要去掉下劃線,就要使用css樣式,程式碼如下:

u{text-decoration:none}

以上就是對html怎麼去除字體下劃線?去除字體下劃線方法的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。


以上是html怎麼去除字體下劃線?去除字體下劃線方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn