溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html去除字體下劃線的方法

發(fā)布時間:2020-09-26 13:46:38 來源:億速云 閱讀:711 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了html去除字體下劃線的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

一:超鏈接去除字體下劃線

很多前端編輯者,在給文字加上鏈接的的時候,超鏈接會出現(xiàn)一個下劃線,系統(tǒng)會議自動添加下劃線樣式,很多人想去掉這個下劃線,不知道該怎么處理,其實我們完全可以使用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/">億速云</a>! 
</body> 
</html>

顯示效果如下:

html去除字體下劃線的方法

以上css樣式是去除網(wǎng)頁上所有超鏈接的下劃線,如果我們想要去掉某一個下劃線,我們就對其中一個鏈接去設置樣式。

二:去掉字體下劃線

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

u{text-decoration:none}

感謝你能夠認真閱讀完這篇文章,希望小編分享html去除字體下劃線的方法內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業(yè)資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

htm
AI