html5頁面中,可使用text-decoration屬性移除超連結下劃線,只需為a標籤新增「text-decoration:none」樣式。 text-decoration定義文字修飾(底線、刪除線等),當值為none時則沒有修飾。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
前端網頁的開發中總是不可避免會使用到超鏈接,但是使用超鏈接時下面都會有一條下劃線,這在網頁中有時會顯得很突兀,不合適也不美觀,所以我們就需要將超連結下的這條底線給去掉。
在html頁面中去掉超連結的底線需要的是css中的text-decoration這個屬性。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> a{text-decoration:none;} </style> </head> <body> <a href="#">我是a标签</a> </body> </html>
效果圖:
說明:
text-decoration屬性用於規定新增至文字的修飾,例如:底線、上劃線、刪除線等。當該屬性的值設定為「none」時,則表示定義標準的文本,不加入文本修飾。利用這個屬性值我們可以去掉已經有底線或刪除線或頂劃線的樣式。 【推薦教學:CSS影片教學 】
text-decoration屬性的屬性值:
更多程式相關知識,請訪問:編程視頻! !
以上是html5怎麼去除超連結的下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章!