タグの絵本CSS > リンク文字を枠線で囲いカーソルを合わせると背景色が変わるようにする(クラス指定)

■リンク文字を枠線で囲いカーソルを合わせると背景色が変わるようにする(クラス指定)

・使用するCSS
a.type1 { margin:☆px; padding:☆px;
background-color:○; color:○;
border:1px ○solid;
width:☆px;height:☆px;
font-size:☆pt;
line-height:☆px;
text-decoration:none;
}
a.type1:hover { border:☆px ○solid;
background-color:○; color:blue; }
 

補足≫  ☆=ピクセルサイズ
  ○=カラーコード カラーコード生成はこちら
・説明 CSSを使用し、クラス指定によりリンク文字を枠線で囲い、カーソルを合わせると背景色を変更させます。
また枠線で囲いたいところに
<a href="url" class="type1">〜</a>
このようにクラスを入れるのを忘れないよう。
・使用例



ソース (テスト書き込み可)

あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)

ホームページ作成中。頑張ります!

素材NAVI
タグの絵本
yahoo

Copyright (C) 2006 タグの絵本 All rights reserved.
index