1. 程式人生 > >html 點選元素後顏色的變換

html 點選元素後顏色的變換

可以利用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>

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

3C3C3C
,訪問過後的連結是藍色,滑鼠懸浮在連結上時是
FF00FF
,點選時的顏色是
D200D2
。