今回は、段落に背景色をつけます。
しかし、今回のこの色は後で変更します
今は、「段落を分けている」ことを
ハッキリさせるために色分けしています
以前2011-07-10 16:37:42に更新の
「ホームページを作る(基本編)」で
<head>～</head>内に
設定や指定などを記述すると書きました
各色の指定や大きさなども
<head>内に記述します
<head>内に<style type="text/css">として
記述していきます
各段落に「id」で付けた名前に
設定を記述していきます
書き方は
#名前｛指定；｝という感じになります
たとえば、headerの背景色を指定する場合
#header{background-color:#ff0000;}
という具合になります。
「background」は背景、「color」は色
「#ff0000」は色の種類を意味します。
「#ff0000」は、
光の3原色（赤・緑・青）を
16進数（0123456789abcdef）で表わし
赤の部分が「ｆｆ」（最高値）で、
緑と青は「00」（最低値）で表わされています
したがって赤を意味します
とりあえず
HTMLをみてみます
上から説明
body{ ボディ全体の指定をします
color：#ff000；で全体の文字を赤に指定
背景色は（：）白；｝
以下は、背景色のみの指定で
#fooderのみ、文字の色が見にくかったので
文字の色は、白にしています。
<style type="text/css">の記述が長くなったので
<head>内だけを画像にしています
<body>内は
「daikakomi」部分と「syoukakomi」部分の文字は
表示しないので削除しています
ではブラウザで確認
とこんな感じで表示されます
とりあえず今回は段落ごとに背景色をつけてみました
ちょっとわかりづらいですね
次回はレイアウトを整えたいと思います