トップページソースの補足

トップページの画面割りのソースの内容を補足します。 自分でソースの数値を変えたりすると楽しいし、感覚的に理解できると思います。

width

boxの横幅を指定。

height

boxの縦幅を指定。

float

boxの位置を指定。leftで左寄せ、rightで右寄せにboxを配置。指定がないとばらばらになります。

background

boxの背景色を指定。 カラーコード表 はここで見られます。

margin

boxの外側の余白量を指定。margin-left:10px;でboxを左に10pxの余白を作るという意味になります。 top（上側）left（左側）right（右側）bottom（下側）それぞれ指定出来ます。

padding

boxの内側の余白量を指定。box内の文字等の位置をずらすのに使います。 padding-left:10px;でbox内に書いた内容を左に10pxずらすという意味になります。

border

boxに枠線を付けられます。pxで線の太さ、カラーも指定できます。 solid(普通線）double（二重線）groove（谷型線）ridge（山型線）insent（凹線）outset（凸）dotted（点線）dashed（太い点線）の中から種類も指定出来ます。