CSS中有一個很有用的屬性叫做padding，它可以用來填充一個元素的內容和邊框之間的區域。padding是一個簡寫屬性，包含四個值，分別對應上、右、下、左四個方向的padding值。

/* 分別設置上右下左四個方向的padding值 */
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
/* 使用簡寫屬性設置四個方向的padding值 */
padding: 10px 20px 30px 40px;

上面的代碼演示了如何在CSS中創建一個帶有padding的元素。你可以單獨設置每個方向的padding值，也可以使用簡寫屬性設置所有方向的值。其中，也可以只設置水平方向或垂直方向的padding值：

/* 設置水平方向的padding值 */
padding-left: 20px;
padding-right: 20px;
/* 設置垂直方向的padding值 */
padding-top: 10px;
padding-bottom: 10px;

填充邊框的做法與填充內容的方式類似，只需要設置border-box為box-sizing屬性的值即可。border-box意味著元素的padding和border寬度會被包含在寬度內，從而不會撐開元素。

/* 設置邊框樣式 */
border: 1px solid #000;
/* 設置box-sizing屬性 */
box-sizing: border-box;
/* 設置padding值 */
padding: 10px;

最后需要注意的是，padding值對元素的大小有影響，因此需要根據具體的需求和設計進行調整。