スタイルシートマニア

link要素の操作 | ホームページカスタマイズ Tips

リンク要素は、擬似クラスで訪問済みと未訪問のテキストの色を変更したり、リンク領域のマウスオーバー時のアクションなど色々な表現が可能です。例えばリンクテキストの下線を消してまったり、マウスオーバー時に色を変えるなどの方法などは基本中の基本と言えるでしょう。

では、このサイトで使っているリンクの設定を紹介しましょう。

リンクが付いているテキストリンク

a:link {
      color: #333;
}

訪問済みのテキストリンク

a:visited {
      color: #333;
}

マウスオーバー時のアクション

a:hover {
      color: #999;
}

という設定で動かしています。

Author:hideo
Comments:0

hideo

コメントを残す