html點選<a>元素後顏色的變換

追風箏的豬發表於2018-03-23

可以利用CSS的偽類實現:

a:link,定義正常連結的樣式; 
a:visited,定義已訪問過連結的樣式; 
a:hover,定義滑鼠懸浮在連結上時的樣式; 
a:active,定義滑鼠點選連結時的樣式。 

例子:

<style type="text/css">
a:link { 
color:#3C3C3C; 
text-decoration:underline; 
} 
a:visited { 
color:#0000FF; 
text-decoration:none; 
} 
a:hover { 
color:#FF00FF; 
text-decoration:none; 
} 
a:active { 
color:#D200D2; 
text-decoration:none; 
} 
</style>

<a href="http://baidu.com" target=`_blank`>****</a>

例子說明:定義的連結顏色是

3C3C3C

,訪問過後的連結是藍色,滑鼠懸浮在連結上時是

FF00FF

,點選時的顏色是

D200D2

。 


相關文章