■マウスでリンクを選択したら色が変わるようにしてみよう！

スポンサードリンク

■マウスでリンクを選択したら色が変わるようにしてみよう！

今回は､CSS(スタイルシート)編集をして、カーソルがリンクの上にきたら色が変わるように設定してみましょう！

たくさんの皆様長らくお待たせ致しました。

分からない部分がありましたら、遠慮なく言ってください。

但し､何度も言っておりますが､Seesaaカスタマイズに関しては､自己責任でお願いします。

スタイルシートの編集をするときは、メモ帳などにバックアップを取っておきましょう。

Seesaaブログ にはもう登録した？

スタイルシートに以下の２つを追加してみてください。

a:link{color:マウスで選択していない時のカラーコード;}
a:hover{color:マウスで選択した時のカラーコード;}

カラーコードは､自分の好きな色に設定してください。

他にも下線を入れたりもできます。

以下を付け足してみてください。

text-decoration:underline;

逆に下線を消したい時は､

text-decoration:none;

と設定すればできます。

ちなみに私のリンクの設定は､以下のようになっております。

a:link{color:#0000ff;text-decoration:underline;}
a:hover{color:ff8429;text-decoration:underline;}

また､リンクの設定は、セレクタごとにもできるので、それもお試してください。

例えば､本文中のリンクは､青がいいんだけど、ブログタイトルは､白がいいという場合ですね。

この場合は､以下のようにします。

.h1 a:link{color:#ffffff;}
.h1 a:hover{color:マウスが選択した時のカラーコード;}

この時、最初に.(ドット)を忘れないようにして下さい。

それでは、皆さんご自分のブログでお試しください。

編集してみたコメント(感想)などお待ちしております。

いつも応援ありがとうございます＜(_ _*)＞

■マウスでリンクを選択したら色が変わるようにしてみよう！

ブログは読むだけでも楽しいですが、自分で作るともっと楽しくなること間違いなし。登録はこちらから簡単にできます→→ Seesaaブログ

スポンサードリンク

最後まで、読んで頂いてありがとうございます。お気に入りに追加してくれたら嬉しいです。
→→

RSSをRSSリーダーに登録しても便利だと思います。