|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 這篇文章主要給大家介紹CSS設置動態超鏈接的方法，有代碼有文字說明，比較容易理解，感興趣的朋友可以參考一下，希望對你有所幫助。HTML中，超鏈接是通過標記<a>實現的，具體的地址使用標記<a>的href屬性。 <ahref="http://blog.csdn.net/nangeali">ali的博客</a> 默認的情況下，瀏覽中的超鏈接統一為藍色并且有下劃線，點擊過后的超鏈接則為紫色，而且也有下劃線。 CSS可以設置超鏈接的各種屬性，比如字體、顏色和背景等等，而且，可以通過偽類別制作很多動態效果。 首先，去掉超鏈接的下劃線： a{ text-decoration:none; }此時，無論是超鏈接本身，還是點擊過的超鏈接下劃線都去掉了。 CSS的偽類別——Anchor Pseudo Classes，使用偽類別制作動態下過，具體的屬性如下： A:link——超鏈接的普通樣式，正常瀏覽器中的樣式。 A:visited——點擊過的超鏈接的樣式。 A:hover——鼠標指針經過超鏈接上時的樣式。 A:active——在超鏈接上單擊時，即當前激活時，超鏈接的樣式。 <html>
<head>
<title>
</title>
<style>
<!--
a:link{
color:#005799;
text-decoration:none;
}
a:visited{
color:#0000;
text-decoration:none;
}
a.hover{
color:#ffff00;
text-decoration:underline;
}
-->
</style>
</head>
<body>
<table width="600px"cellpadding="2" class="chara1" align="center">
<tr>
<td><a href="#">首頁</a></td>
<td><a href="#">心情日記</a></td>
<td><ahref="#">Free</a></td>
<td><a href="#">一起走到</a></td>
<td><a href="#">從明天起</a></td>
<td><a href="#">紙飛機</a></td>
<td><a href="#">下一站</a></td>
</tr>
</table>
</body>
</html>可以看出，超鏈接本身都是深藍色，沒有下劃線，點擊過后變成了黑色也沒有下劃線，當鼠標指針經過時，超鏈接變成了黃色，而且有下劃線。 此外，各種背景、邊框和排版的效果都可以加入到超鏈接的幾個偽屬性中，當前激活狀態a:active，一般顯示的情況非常少，很少使用。 當用戶單擊一個超鏈接之后，焦點很容易就會轉移到其他地方，比如新打開的窗口等，此時，超鏈接就不是當前激活狀態了。 以上就是怎么用CSS設置動態超鏈接（附代碼）的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
