ブログタイトルの設定を変える―リンク

【ブログタイトルのリンクの設定を変える】
ブログタイトルのリンクの設定を変えるには
/*-----Common-----*/内の

#banner h1 a{
color:#ffffff;
line-height: 200%;
}

この部分を変更します。
初期設定は
「文字色：白」、「行間が文字の大きさと一緒」です。

＜ブログタイトルのリンクの色を変える＞
ブログタイトルのリンクの色を変えるには

#banner h1 a{
color:#ffffff;
line-height: 200%;
}

の赤字部分、♯ffffffを好きな色名
または＃6ケタの数字を入力してください。
6ケタの数字は、記事「色の設定について」を
ご覧ください。


＜ブログタイトルにロールオーバーを適用する＞
ロールオーバーとはマウスが乗った場所に
変化をもたらすことです。

それではリンクの貼られている
ブログタイトルにロールオーバーを適用してみましょう。
変更の仕方は。

#banner h1 a{
color:#ffffff;
line-height: 200%;
}

この赤字の部分を削除します。
その後に#banner h1 a{
}
の外に
#banner h1 a:link{text-decoration:none;color:メインの色;}
#banner h1 a:visited{text-decoration:none;color:メインの色;}
#banner h1 a:active{text-decoration:none;color:メインの色;}
#banner h1 a:hover{text-decorarion:none;color:ロールオーバーさせたい色;}
と書き加えます。
※a:hover内のtext-decoration:noneはロールオーバーの際の下線です。
初期設定ではunderline(下線)で設定されています。

タグ：CSS カスタマイズ ブログ ブログタイトル リンク so-net