基本元素框
所有文檔元素都生成一個矩形框，這稱爲元素框(element box)，它描述了一個元素在文檔佈局中所佔的空間大小，因此，每個框影響着其他元素框的位置和大小。默認地，一個可以顯示的文檔由多個矩形框組成，這些矩形框分佈開，從而不會相互重疊（一般情況下）。另外，根據某些限制，這些框要儘可能地少佔空間，同時還要保證相互之間有足夠的空間，以便清楚地看出哪些內容屬於哪個元素。
外邊距
沒啥好說的，就說一點：
外邊距使用百分數值時是以父元素寬度爲標準的，上下外邊距也一樣。
邊框
默認的邊框顏色是元素本身的前景色。如果沒有爲邊框聲明顏色，它將與元素的文本顏色相同。另一方面，如果一個元素沒有任何文本，假設它有一個表，其中只包含圖像，那麼該表的邊框顏色就是其父元素的文本顏色(因爲color可以繼承)。
CSS2.1明確指出元素的背景是內容、內邊距和邊框區的背景。也就是說如果你的邊框是虛線，背景會從邊框中透出來。
邊框的樣式
border-style
[none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset]{1,4}| inherit
注意，當邊框樣式爲none時，其width屬性也會被置0。
內邊距
可以爲元素的內邊距設置百分數值。像外邊距一樣，百分數值要相對於其父元素的width計算，上下邊距也一樣，所以如果父元素的width改變，它們也會改變。
替換元素
儘管看上去可能有些奇怪，不過確實可以向替換元素應用內邊距，最讓人奇怪的是，可以向圖像應用內邊距。
不論替換元素是塊級元素還是行內元素，內邊距都會圍繞其內容，背景色將填入該內邊距。
