|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的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中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!