人気ブログランキング | 話題のタグを見る

ブログ活用のヒントを満載
by vlsasaki2
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

CSSのトレーニング(9)・ブログタイトルの文字色の変更
ブログタイトルの文字色を変更してみましょう。
ここにはリンクが設定されているのでフォントカラーを変更しても変わりません。

CSSのDIV.HEADERのすぐあとに以下のようなソースがあります。

①DIV.HEADER A:LINK {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
②DIV.HEADER A:VISITED {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
③DIV.HEADER A:HOVER {COLOR: #FFFFFF; TEXT-DECORATION: NONE}

①DIV.HEADERの中にあるリンク設定した文字色 #FFFFFFは白
②DIV.HEADERの中にあるリンクでクリックしたことのある文字色 #FFFFFFは白
③DIV.HEADERの中にあるリンク設定文字をポイントした時の文字色 #FFFFFFは白
ポイントする時と、しない時で色を変える場合は、
ポイントしない時 ①②に色を設定
ポイントした時 ③に色を設定

ポイントしない時に薄い黄色(#FFFFE3)でポイントした時に黄土色(#D7D927)にしてみましょう。





①DIV.HEADER A:LINK {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
②DIV.HEADER A:VISITED {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
③DIV.HEADER A:HOVER {COLOR: #FFFFFF; TEXT-DECORATION: NONE}


①DIV.HEADERの中にあるリンク設定した文字色 #FFFFFFは白
②DIV.HEADERの中にあるリンクでクリックしたことのある文字色 #FFFFFFは白
③DIV.HEADERの中にあるリンク設定文字をポイントした時の文字色 #FFFFFFは白

ポイントする時と、しない時で色を変える場合は、
ポイントしない時 ①②に色を設定
ポイントした時 ③に色を設定

ポイントしない時に薄い黄色(#FFFFE3)でポイントした時に黄土色(#D7D927)にしてみましょう。



DIV.HEADER A:LINK {COLOR: #FFFFE3; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #FFFFE3; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: #D7D927; TEXT-DECORATION: NONE}

by vlsasaki2 | 2004-09-30 15:59 | CSSのトレーニング Top↑
<< CSSのトレーニング(10)・... CSSのトレーニング(8)・ブ... >>