今天我們來學習一下CSS3的盒子模型例題。CSS3的盒子模型是指在一個網頁中，每個元素都是一個盒子，這個盒子由外邊距（margin）、邊框（border）、內邊距（padding）和內容（content）四部分組成。

.box {
width: 200px;
height: 200px; 
margin: 20px auto;
padding: 20px;
border: 10px solid red;
box-sizing: border-box;
}

上面這段代碼表示一個.box類，寬度為200px，高度為200px，距離上下居中20px，左右自適應，內邊距為20px，邊框大小為10px，顏色為紅色，box-sizing為border-box（這個屬性可以讓元素的寬高包含邊框和內邊距的大小，而不會因為邊框和內邊距的增加而使元素變得更大）。

這樣的盒子模型可以讓我們更好地控制每個元素的布局和樣式，讓網頁看起來更加美觀和整潔。