盒子模式 (box model) 是在 CSS 中一個很重要的觀念

盒子模式 (box model)
是在 CSS 中一個很重要的觀念

一個元素是如何組成的。以下是盒子模式的式樣:

css.jpg


 

內容 (content) 是最內層的部分,
接下來依序為留白 (padding)、
邊框 (border)、
以及邊界 (margin)。
邊界是用來設定各個元素之間的距離。