天天看點

CSS超連結

使用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>