マウスオーバーしたときのリンク文字の変更 | Custom Happy

Custom Happy

アメブロをハッピーカスタマイズしよう!少しずつ変化するのでチェックしてくださいネ!

マウスオーバーしたときのリンク文字の変更をしてみよう。マウスオーバーしたとき下線も除き、文字の色を変えよう!
ディフォルトの状態は下線が表示され、文字の色はピンク!

マウスオーバーしたときの文字の変更

Amebaロゴの下のクリックリンンクデザインの変更の[スキンCSSの編集]をクリックして以下のように変更してみました。同時にNEWの文字の色と文字の太さを変更。

マウスオーバーしたときの文字の変更箇所

以下のCSSコードを追加しました。

下線をなくすCSSコード

text-decoration:none;

フォントを太くするコード

font-weight:bold;

実際の投稿記事で変更した箇所を確認して下さいネ


ペタしてね