NO.73 リンク
<a>のスタイルを指定する際に、その状態によってスタイルを使い分ける事が可能です。
hover
はCSS2らしいですが、ここでは載せる事にします。
a:{ link | visited | active | hover }
リンクタグの状態によってスタイルを分ける事が出来ます。
<style type=text/css> <!-- a:link{color:red} // 通常時(未訪問リンク)のスタイル a:visited{color:violet} // 訪問済みリンクのスタイル a:active{color:red;background-color:yellow} // リンクタグにフォーカスが当たった時のスタイル a:hover{color:red;background-color:pink} // カーソルがリンクタグの上に来た時のスタイル --> </style>
上記の内容を応用
◆HEAD内の記述
<style type="text/css"> <!-- a:link{color:red} a:visited{color:violet} a:active{color:red;background-color:yellow} a:hover{color:red;background-color:pink} --> </style>
◆BODY内の記述
<a href=http://www.penspinning.info/>ペン回し資料室</a><br> <a href=http://www.kawamotto.com/umaibou/bbs/index.html>うまい棒同盟</a><br> <a href=http://www.geocities.co.jp/SilkRoad-Ocean/8239/>精神崩壊</a><br>
◆実行例
ペン回し資料室
うまい棒同盟
精神崩壊
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
