初心者のためのホームページ作成動画解説付

背景色について

background-color:色

何かの背景に色をつけたい場合は「background-color」プロパティを使用します。
例えば<p>要素の背景に色をつけたい場合は、
<p style="background-color:#ccccff">初心者のためのホームページ講座</p>
と記述すると下記のように背景に色が付きます。

初心者のためのホームページ講座

また他要素でも使用できます。
例えば、リンク要素の「a」でも可能です。
通常デフォルト(既定値)ではリンクは青文字にアンダーラインだけです。↓↓↓
ここで、
<a href="http://www.hp-w.com" style="background-color:#ccccff">初心者のためのホームページ講座</a>
と記述することによって、下記のようにリンク文字の背景にも色を付けることができます。
初心者のためのホームページ講座
body要素にも背景色を設定することができます
その場合はホームページ全体の背景色が指定した色に変わります。
このエントリーをはてなブックマークに追加

(゜д゜メ)ゴルァ
リンク文字の上にカーソルを持ってきた時に、文字色を変えたり背景色を変えたりするにはどうすれば良いか?
例えばこんな感じ・・・
これは擬似クラスを用いてcssファイルに以下を記述すれば設定できます。
style属性(style="~")での指定はできません。
それでは、具体的に見てみましょう(^^)
a:hover {color:#ff0000;background-color:#ffeeee;}
と記述すれば、文字色は#ff0000になり背景は#ffeeeeになります。
お好きな色を試してみてください。