|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 在頁面布局時，經常會用到a標簽，大家都知道a標簽默認有下劃線，而且顏色也有所不同，有時為了頁面的美觀，需要去除部分超鏈接的下劃線，或者改變超鏈接的顏色，你知道怎么實現這個效果嗎？這篇文章就和大家講講如何去除HTML超鏈接的下劃線。對此不了解的小伙伴，可以參考一下，希望對你有用。先舉個例子：這個超鏈接未被點擊時超鏈接文字無下劃線，顯示為藍色；當鼠標經過鏈接時有下劃線，鏈接文字顯示為紅色；當點擊鏈接后，鏈接無下劃線，顯示為綠色。實現方法很簡單，在<head>和</head>之間加上如下的CSS代碼： <style type="text/css">
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
</style>其中： a:link 指正常的未被訪問過的鏈接； a:active 指正在點的鏈接； a:hover 指鼠標在鏈接上； a:visited 指已經訪問過的鏈接； text-decoration是文字修飾效果的意思； none參數表示超鏈接文字不顯示下劃線； underline參數表示超鏈接的文字有下劃線 鼠標經過的效果圖：
怎么去除超鏈接的下劃線 我們只需要使用a{text-decoration:none;} 就可以設置超鏈接標簽默認狀態下去除下劃線。代碼如下： <style type="text/css">
a{text-decoration: none;color: red;}
</style>
<body>
生活不止眼前的茍且，<a href="#">還有詩和遠方的田野</a>
</body>未去除下劃線的效果：
去除下劃線，并將顏色設置為紅色的效果：
總結：去除HTML超鏈接的下劃線非常簡單，只需要給它加上屬性text-decoration:none即可。至于其他text-decoration的屬性，這里不做太多的介紹，有需要的小伙伴，可以去網站上看它的使用方法。 以上就是圖文詳解怎么去除HTML超鏈接的下劃線的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
