怎麼去除字體下劃線?去除字體下劃線有哪些方法?對於很多剛入門的新手來說,不太清楚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="//m.sbmmt.com/">php中文网</a>! </body> </html>
顯示效果如下:
以上css樣式是去除網頁上所有超連結的下劃線,如果我們想要去掉某一個下劃線,我們就對其中一個連結去設定樣式。
二:去掉字體下劃線
在html中,使用u標籤是為字體加上底線,如果想要去掉下劃線,就要使用css樣式,程式碼如下:
u{text-decoration:none}
以上就是對html怎麼去除字體下劃線?去除字體下劃線方法的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。
以上是html怎麼去除字體下劃線?去除字體下劃線方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!