方塊區塊結構

width、height  、padding、margin… 結構組成情形

示意圖

說明

(1)Content:元素內可以容納內容的區域

(2)Padding:區塊方框內的內邊界(可看到背景照片或顏色)

(3)Border:區塊邊框可自行設定型態(預設與內容文字顏色相同)

(4)Margin:區塊方框外的距離(看不到背景照片或顏色)

*無浮動時:與周圍標籤物件的距離

*有浮動時:標籤物性外圍的邊界

DIV CSS說明

(1) CSS表示方式

語法簡化:

padding:      

padding:上下 左右

padding: 左右 

padding::四邊值相同

(2) Margin設定情形

 

End