設置內外邊距是網頁設計中常常遇到的問題。通過CSS樣式表中margin和padding屬性，可以輕松地調整元素的內外邊距。下面我們來具體介紹如何設置內外邊距。 首先，讓我們看看padding屬性。padding屬性用于設置元素的內邊距，即元素的內容和邊框之間的距離。padding屬性有四個方向的值，分別對應上下左右。屬性值可以使用像素（px）或百分比（%）單位。 下面是一個例子：

p {
padding: 10px 20px;
}

上面這段CSS代碼將p標簽的內邊距設置為10像素的上下邊距，20像素的左右邊距。使用“10px 20px”這樣的方式可以同時指定多個方向的值，第一個值對應上下方向，第二個值對應左右方向，如果只指定一個值，則在四個方向上應用相同的值。 接下來，我們來介紹margin屬性。margin屬性用于設置元素的外邊距，即元素和其他元素之間的距離。和padding屬性相同，margin屬性也有四個方向的值，屬性值可以使用像素（px）或百分比（%）單位。 下面是一個例子：

p {
margin: 20px;
}

上面這段CSS代碼將p標簽的外邊距設置為20像素。當只指定一個值的時候，該值會同時作用于四個方向。同樣地，你可以使用“10px 20px”這樣的方式來同時指定多個方向的值。 最后，讓我們來看一下如何讓內邊距和外邊距生效。

p {
padding: 10px;
margin: 20px;
border: 1px solid #000;
}

上面這段CSS代碼示例中，我們同時定義了padding、margin和border屬性。其中，border屬性用于設置元素的邊框，該屬性通過設置元素的外框線和顏色，為元素劃定了邊界。如果沒有定義border屬性，元素的內邊距和外邊距就會和相鄰元素重疊。所以，一般來說，為了使內外邊距生效，我們都會設置border屬性。 總結一下，我們通過padding和margin屬性可以輕松地對元素的內外邊距進行調整。需要注意的是，為了讓內外邊距生效，我們往往還需要設置元素的邊框。