在CSS中，我們經常使用內外填充來調整元素的大小和布局。本文將簡單介紹CSS中的內外填充，并提供一些實際的例子。

內填充（padding）

box {
padding: 20px;
}

內填充是指元素邊框與內容之間的距離。這個距離可以通過使用padding屬性來設置。padding可以用一個值設置元素四個邊的距離，也可以使用上下左右分別設置。例如在上面的例子中，box元素的內填充是20px，意味著元素內容與邊框之間的空間是20px。

外填充（margin）

box {
margin: 20px;
}

外填充是指元素邊框與其它元素之間的空隙。這個空隙可以通過使用margin屬性來設置。margin同樣也可以用一個值設置元素四個邊的距離，也可以使用上下左右分別設置。例如在上面的例子中，box元素的外填充是20px，意味著該元素與其它元素之間的空隙是20px。

內外填充實際應用

.box {
padding: 20px;
margin-bottom: 20px;
background-color: grey;
}
.inner {
padding: 10px;
background-color: white;
}

在這個例子中，.box是一個灰色條，內部有一個白色的.inner區域。.box有內填充和外填充，.inner有內填充但沒有外填充。這個例子展示了如何使用內外填充來創建邊框和插入空隙。

希望這個簡短的介紹能夠讓你更好地使用CSS中的內外填充來設置元素布局。