使用CSS可以編排超連結的樣式時,需要用到CSS的僞類pseudoclass。
常用的用于
<a>
标簽的公共僞類是link、visited、hover、active。
a:link - 普通的、未被通路的連結
a:visited - 使用者已通路的連結
a:hover - 滑鼠指針位于連結的上方
a:active - 連結被點選的時刻
例如:
使用者需求是
1、超連結是加粗的藍色Times New Roman字型,并且有下劃線
2、當使用者把滑鼠懸停于超連結上或者單擊時,字型變為紅色
3、當使用者單擊後,字型變為灰色
<style type="text/css">
a{
font-family:Times New Roman,Verdana;
<!--font-famlily設定字型系列,可以設定多個值,當使用者系統上第一個字型不可用時,會嘗試使用後面的字型。-->
text-decoration:underline;
}
a:link{
color:#4169E1;
}
a:hover{
color:#FF0000;}
a:visited{
color:#D3D3D3;}
</style>