2009年8月30日日曜日

リンク部分の色、hover、ダイナミック疑似クラス

a要素に以下の順序で指定します。 hoverは、エアクッションで浮き上がるホバークラフトでおなじみです。正式には「ハバ」と発音します。


リンク部分の色
     
a:link { color: blue; } 通常時のリンク色
a:visited { color: purple; } 訪問済みのリンク色
a:hover { color : yellow; } クリックした瞬間のリンク色
a:active { color: red; } マウスを乗せたときのリンク色
hoverとactiveを同内容にするには次のように指定します。
a:hover, a:active {

      border-bottom: 1px solid #ff0000;

      color: #ff0000;

      background: transparent;
}