商用利用OK、加工OK、許可不要、ALL無料のホームページ素材集

WEBデザイナーが作った超シンプル素材集

TIPS MENU

MATERIAL MENU

がんばろうニッポン

CSSサンプル

ここでは、ちょっと役立つCSSをメモ程度に置いていきます。
ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。

テキストリンクのロールオーバー時に背景色を変える

アクセシビリティという言葉がささやかれている現代、基本的なものばかり氾濫していて、なんだか個性までも無くなっている様な気がします。

そんな時、テキストリンクにちょっと細工をするだけでもちょっとした個性になります。

::::: CSS表記 :::::
a:link   {color:#0066CC;}
a:visited  {color:#009999;}
a:hover   {color:#FF3300;text-decoration:none;background-color:#FFFFCC;}
a:active  {color:#FF3300;text-decoration:none;background-color:#FFFFCC;}
::::: 動作確認 :::::

こんな感じでリンクされます

更新日:2011.01.22 Category:CSSサンプル
HOMEへ このページのTOPへ