ボックスを使う


ボックスというのは、箱のことです。
いわれるまでもないとは思うんですけどね。

具体的には、以下のようなものを作ることができます。




まずは、どんな属性があるかを表にまとめてみます。

width:---px;横の長さ
height:---px;縦の長さ
border-style:------;ボーダーラインの形
border-width:--px;ボーダーラインの太さ
border-color:#------;ボーダーラインの色
margin:--px;まわりの余白
padding:--px;枠内の余白


border-style:------;は、いくつか種類があり、
以下のようにまとめられます。

普通の実線solid
二重線double
点線 1dotted
点線 2dashed
山線ridge
谷線groove
外線outset
内線inset
表示しないnone




次は 罫線をアレンジする です。

メニューに戻ります。