2008年04月スタイルシート

通常のテキストの色を変えるようにリンクの色もサイトにあったものに変更できます。

htmlで指定する場合
<font Color="#0000ff">青色のテキスト</ｆont> <span style="color:#0000FF;"><a href="http://ここにURL" target="_blank">青色のテキストリンク</a></span>
毎回このように指定しなくてもcssで指定してあれば指定された場所のテキストの色はあらかじめ決めておいた色で表示されるのでｈｔｍｌもすっきりする上に、サイトのイメージを保つことが出来ます。


cssで指定する
.text a { color: #333333; text-decoration: underline; } .text a:link{ color: #0000ff; text-decoration: underline; } .text a:visited { color: #0000ff; text-decoration: underline;} .text a:active { color: #666666; text-decoration: underline; } .text a:hover{ color: #666666; text-decoration: underline; }
上から
text a 　テキストの色
text a:link　まだ表示されていないページ
text a:visited　すでに表示されたページ
text a:active　現在表示中のページ
text a:hover　マウスがリンク文字上に乗った時の色

と、擬似プロパティの指定がしてあります。
色は数字または英語表記で指定します。
（擬似プロパティについては別記します。）