# BOX構造サンプル

内容の入力領域　個別のpaddingを設定しています。内容の入力領域　個別のpaddingを設定しています。内容の入力領域　個別のpaddingを設定しています。

内容の入力領域　まとめたpaddingを設定しています。内容の入力領域　まとめたpaddingを設定しています。内容の入力領域　まとめたpaddingを設定しています。

内容の入力領域　個別のmarginを設定しています。内容の入力領域　個別のmarginを設定しています。内容の入力領域　個別のmarginを設定しています。

内容の入力領域　まとめたmarginを設定しています。内容の入力領域　まとめたmarginを設定しています。内容の入力領域　まとめたmarginを設定しています。

パディング設定済み。border-bottomに5pxの点線

パディング設定済み。色のみ個別指定。

パディング設定済み。枠線の設定をまとめる

パディング設定済み。角丸の枠線を作る

パディング設定済み。背景色つき、右下のみ角丸の表現

パディング等設定済み。影付きボックス。