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


	タグの絵本＞ 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

→index