上下文與表格的距離是網頁排版的一個重要方面。CSS可以用于控制表格與其周圍元素的間距。在這篇文章中，我們將了解如何使用CSS設置邊距和填充來控制表格的距離。 設置邊距 我們可以使用CSS的margin屬性來設置表格與其他元素的邊距。margin屬性允許我們設置元素周圍的空白區域的大小，這樣就可以將其他元素與表格分離。例如，以下CSS代碼將設置表格上下邊界的邊距為20像素： ```

table{
margin-top:20px;
margin-bottom:20px;
}

``` 這將把表格垂直向上和向下移動20像素，使其與其他元素分開。 設置填充 除了邊距之外，我們還可以使用CSS的padding屬性設置元素周圍的內部填充。這樣，可以在表格和元素之間創建更大的距離。例如，以下CSS代碼將在表格（在下面的HTML代碼中）的上部和下部添加50像素的填充： ```

table{
padding-top:50px;
padding-bottom:50px;
}

``` 這將在表格上方和下方添加50像素的空白區域，使其與其他元素分離。 綜合設置 最后，我們可以使用組合的margin和padding屬性來創建更復雜的表格布局。例如，以下CSS代碼將在表格四周添加20像素的邊距和填充： ```

table{
margin:20px;
padding:20px;
}

``` 這將在表格周圍創建一個40像素的空白區域，并將其與其他元素分開。 結論 在網站設計中，控制表格的距離和周圍區域的空白往往是至關重要的。使用CSS的margin和padding屬性，可以輕松地設置表格與其他元素之間的邊距和填充，從而創造一個簡潔美觀的網頁設計。