ブログ内のリンク個所の設定を変える

＜リンクの設定を変える＞
WEBページには、クリックすると
他のページへ移動する箇所があります。
その際にはリンク個所と分かるように
色が違うことが多いことでしょう。
リンク個所の色の設定もCSSで可能です。

それを変えるために場所が
/*-----Common-----*/内の

a:link{ text-decoration: none; color:#c87a10; }
a:visited{ text-decoration: none; color:#c87a10; }
a:active{ text-decoration: none; color:#c87a10; }
a:hover{ text-decoration: underline; color:#c87a10; }

赤字の部分です。
赤字内の「color:#c87a10」の#87a10を好きな色名
または＃６ケタの数字（前記事参照）を記述して下さい。
リンク個所と分かるように下線をつけるのであれば
text-decorationの値をnoneからunderlineに変えて下さい。


＜ロールオーバー＞
ロールオーバーとは、マウスが重なった時に
その場所に変化をもたらすものです。
それを変えるには

a:link{ text-decoration: none; color:#c87a10; }
a:visited{ text-decoration: none; color:#c87a10; }
a:active{ text-decoration: none; color:#c87a10; }
a:hover{ text-decoration: underline; color:#c87a10; }

赤字内の「color:#c87a10」の#87a10を好きな色名
または＃６ケタの数字（前記事参照）を記述して下さい。
この操作で、マウスが乗るとリンク個所の色が変わります。

タグ：CSS so-net ブログ カズタマイズ リンク ロールオーバー