CSS中，元素的內外邊距是控制元素與周圍空白之間的距離的重要屬性。

對于元素的內部空白區域，我們可以使用“padding”屬性來進行設置。例如，以下代碼可以將元素的上下內邊距設置為10個像素，左右內邊距設置為20個像素。

.element {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}

對于元素與周圍空白區域之間的距離，我們可以使用“margin”屬性來進行設置。例如，以下代碼可以將元素與其周圍的空白區域之間的距離設置為30個像素。

.element {
margin: 30px;
}

需要注意的是，使用“padding”和“margin”屬性設置元素的內外邊距時，可以采用縮寫形式，例如：

.element {
padding: 10px 20px;
margin: 30px 0;
}

這個縮寫形式中，第一個值代表上下的內外邊距，第二個值代表左右的內外邊距。如果只指定一個值，則表示所有的內外邊距均相等。如果有三個或四個值，則分別代表上、右、下、左四個方向的內外邊距。

總之，設置元素的內外邊距是CSS樣式設計中不可或缺的一部分，它可以讓我們更加靈活地控制頁面元素布局和排版。