CSS能夠幫助我們在網頁中設置各種不同的樣式，讓我們的頁面更加美觀和易于閱讀。

其中一個重要的CSS屬性是距離（margin和padding）。這兩個屬性可以幫助我們控制元素之間的空白和距離。

/*設置內容的外邊距*/
.content{
margin: 20px;
}
/*設置內容的內邊距*/
.content{
padding: 10px;
}

margin和padding都可以接受多個數值，分別設置上、右、下、左四個方向的距離。

/*設置上下距離為10px，左右距離為20px*/
.content{
margin: 10px 20px;
padding: 10px;
}
/*分別設置上右下左的距離*/
.content{
margin: 10px 20px 30px 40px;
padding: 10px 20px 30px 40px;
}

可以通過調整margin和padding的數值，來改變元素之間的距離，從而實現更好的頁面布局。