CSS如何設置連接的樣式:網站中，可能需要將鏈接的樣式設置的更為美觀一些，在預設情況下，鏈接在沒有點擊和點擊後的樣式是有所差別的，這就是一個人性化的效果，可以有效的區分鏈接是否已經被點擊過，下麵就介紹一下如何設置連接的樣式。一.樣式屬性:1.a:link:定義鏈接點擊前的樣式。2.a:visited...
CSS如何設置連接<a>的樣式:
網站中，可能需要將鏈接的樣式設置的更為美觀一些，在預設情況下，鏈接在沒有點擊和點擊後的樣式是有所差別的，這就是一個人性化的效果，可以有效的區分鏈接是否已經被點擊過，下麵就介紹一下如何設置連接<a>的樣式。
一.樣式屬性:
1.a:link:定義鏈接點擊前的樣式。
2.a:visited:定義鏈接點擊後的樣式。
3.a:active:定義鏈接被激活時的樣式，也就是滑鼠按下時的樣式。
4.a:hover:定義滑鼠懸浮於連接上時的樣式。
二.代碼實例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #thediv { width:150px; margin:0px auto; } a:link{color:red} a:visited{color:blue} a:hover{color:green} a:active{color:yellow} </style> </head> <body> <div id="thediv"><a href="#">螞蟻部落</a></div> </body> </html>
以上代碼可以設置連接四種狀態的樣式。
特別說明:設置樣式屬性的四個選擇器順序不能夠改變。
相關閱讀:
1.四個選擇器的用法可以參閱CSS中a:link、a:visited、a:hover、a:active的用法一章節。
2.:link選擇器可以參閱CSS的鏈接偽類選擇符E:link一章節。
3.:visited選擇器可以參閱CSS的鏈接偽類選擇符E:visited一章節。
4.:hover選擇器可以參閱CSS的偽類選擇符E:hover一章節。
5.:active選擇器可以參閱CSS的偽類選擇符E:active一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11582
更多內容可以參閱:http://www.softwhy.com/divcss/
