【リンク】



■リンク文字の下線（アンダーライン）をなくす
<style type="text/css">
<!--
a { text-decoration:none; }
-->
</style>

リンク文字の下線を消すにはa { text-decoration:none; }のように指定します。必ず<head>の中に書いてください。

■マウスがリンク文字上に乗ったら背景色を変える
<style type="text/css">
<!--
a:hover { background-color:orange; }
-->
</style>

マウスがリンク文字上に乗ったら背景色を変えるには:hover擬似プロパティとbackground-colorプロパティを使います。スタイルの定義部分でa:hover { background-color: 指定色 }のようにします。指定色はカラー名またはカラーコード。必ず<head>の中に書いてください。

■ マウスがリンク文字上に乗ったらリンク文字の色を変える
<style type="text/css">
<!--
a:hover { color:green; }
-->
</style>

マウスがリンク文字上に乗ったら背景色を変えるには:hover擬似プロパティとbackground-colorプロパティを使います。スタイルの定義部分でa:hover { background-color: 指定色 }のようにします。 必ず<head>の中に書いてください。

■マウスがリンク文字上に乗ったら下線（アンダーライン）を表示する
<style type="text/css">
<!--
a { text-decoration:none; } a:hover { text-decoration:underline; }
-->
</style>

マウスがリンク文字上に乗ったら下線（アンダーライン）を表示するには:hover擬似プロパティとtext-decorationプロパティを使います。スタイルの定義部分でa:hover { text-decoration:underline; }のようにします。 また、最初に下線を表示しないようにa { text-decoration:none; }も定義しておきます。必ず<head>の中に書いてください。

■マウスがリンク文字上に乗ったら上線を表示する
<style type="text/css">
<!--
a { text-decoration:none; } a:hover { text-decoration:overline; }
-->
</style>

マウスがリンク文字上に乗ったら上線を表示するには:hover擬似プロパティとtext-decorationプロパティを使います。スタイルの定義部分でa:hover { text-decoration:overline; }のようにします。 また、最初に下線を表示しないようにa { text-decoration:none; }も定義しておきます。必ず<head>の中に書いてください。

■マウスがリンク文字上に乗ったらリンクを大きくする
<style type="text/css">
<!--
A:hover{font-size:30pt;}
-->
</style>

マウスがリンク文字上に乗ったらリンクを大きくします30ptの30を大きくすると大きく表示小さくすると小さく表示 されます。自分の好きな大きさにして下さい。必ず<head>の中に書いてください。




もどる

[★高収入が可能！ＷＥＢデザインのプロになってみない？！ Click Here! 自宅で仕事がしたい人必見！ Click Here!]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。５０MBで２５０円から。CGI・SSI・PHPが使えます。 ]


FC2 キャッシング 花 出会い　無料アクセス解析