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