スタイルシートマニア
link要素の操作 | ホームページカスタマイズ Tips
リンク要素は、擬似クラスで訪問済みと未訪問のテキストの色を変更したり、リンク領域のマウスオーバー時のアクションなど色々な表現が可能です。例えばリンクテキストの下線を消してまったり、マウスオーバー時に色を変えるなどの方法などは基本中の基本と言えるでしょう。
では、このサイトで使っているリンクの設定を紹介しましょう。
リンクが付いているテキストリンク
a:link {
color: #333;
}
訪問済みのテキストリンク
a:visited {
color: #333;
}
マウスオーバー時のアクション
a:hover {
color: #999;
}
という設定で動かしています。
Author:hideo
Comments:0
| « 前の記事 | 次の記事 » |