2008年9月4日木曜日

CSS ボックスの概念

◎昨日、やりそこなったボックスです。

p
{
  padding:10px 20px 30px 40px;
  background:#eeeeee;
}


div {
  padding:5px 20px;
  background:#f6f6f6;
  }

ボックスの余白において四方向のサイズを一括で指定します。値については、以下の表のようにその数によって指定する方向が決まります。

記入する値の数 対象の方向
-----------------------------------------------------
1つ 四方向(上/下/左/右)同じ
2つ 鉛直と水平方向(上下/左右の順)
3つ 上/左右/下の順
4つ 右回り方向(上/右/下/左の順)



参考にするサイトはこちら





      
.

0 件のコメント: