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

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

・使用するCSS

a { margin:☆px; padding:☆px;
background-color:○; color:○;
border:☆px ○ solid;
width:☆px;height:☆px;
font-size:☆pt;
line-height:☆px;
text-decoration:none;
}
a:hover { border:☆px ○ solid;
background-color:○; color:○; }
 

補足≫  ☆=ピクセルサイズ
  ○=カラーコード カラーコード生成はこちら
・説明 CSSを使用し、リンク文字を枠線で囲い、カーソルを合わせると背景色を変更させます。
・使用例



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

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

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

素材NAVI
タグの絵本
yahoo

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