ＣＳＳを使った基本デザイン

ＣＳＳの基礎　その１ > ＣＳＳの基礎　その２ > 作例 > 総合

０４　背景と罫線のデザイン

ページやコンテンツの背景には、色をつけたり、画像を表示したりすることができます。
コンテンツは、罫線で囲んだり、区切ったりすることが可能です。
背景と罫線を組み合わせることで、Ｗｅｂページのデザインをさまざまの形にアレンジしてみよう。

ＣＯＮＴＥＮＴＳ　※ブラウザのソースで確認してください

（１）コンテンツを罫線で囲む　<div>,border-style,border-width,border-color,border
- ･罫線で囲む
（２）背景に色つける　background-color
- ･背景色
（３）メニューバーを作成する　background-color,padding-(top,right,bottom,left),padding
- ･メニューバー作成
（４）ヘッダーバーを作成する　<div>,background-color,padding
- ･ヘッダーバー作成
（５）見出しにマークをつける　border-left,padding-left
- ･見出しマーク
（６）見出しに下線を表示する　border-bottom,padding-bottom
- ･見出し下線表示