背景は、ページ全体はもちろん、コンテンツのパーツ毎に設定出来ます。
罫線はコンテンツを囲んだり、区切りを表すのに使えます。
これらを組み合わせて、ページのデザインを色々な形でアレンジ出来ます
@表現したいコンテンツを考える
Aテキストで表現する【第１章 ページを作ってみる】
B文字のデザインを設定する【第１章 文字のデザイン１〜５】
Cレイアウトを整える【第１章 文字のデザイン６〜１０】
D背景と罫線で見た目のデザインを設定する【第３章 背景と罫線のデザイン】
ページの背景はページ全体を彩ります。bodyで設定します。
コンテンツの背景は「h1」や「p」や「div」や「span」で個別に設定出来ます。
例えば、同じ<div>で囲まれたコンテンツを別のデザイン設定をしたいときは、
クラス名を付ければ、異なったデザインを設定出来ます。
コンテンツの背景はコンテンツから間隔を持って設定が出来ます。
横幅を設定していないコンテンツでは、横幅も設定出来ます。
コンテンツのまわりを罫線で囲みデザインをアレンジ出来ます。
罫線は太さや、スタイル、色の要素を持っています。
又、上下左右別々にもデザイン設定が出来ますので、これらを組み合わせて様々なデザインが可能です。
区切りの線「hr」にもデザイン設定で様々なアレンジが出来ます。
線の横幅、太さ、色、枠の種類、背景色、枠の色、枠の太さの要素を持っています。
| ||||||||||||||||||||||||