CSS四周距離指的是元素與其周圍元素或邊緣之間的距離。

在CSS中可以使用margin和padding屬性來設置元素的四周距離。

/* 設置元素的外邊距，用來控制元素與其周圍元素之間的距離 */
margin-top: 20px; /* 上邊距 */
margin-right: 10px; /* 右邊距 */
margin-bottom: 30px; /* 下邊距 */
margin-left: 5px; /* 左邊距 */

上述代碼展示了如何設置元素的外邊距，其中四個屬性分別對應元素的上、右、下、左四個方向。

/* 設置元素的內邊距，用來控制元素邊緣與其內容之間的距離 */
padding-top: 10px; /* 上內邊距 */
padding-right: 20px; /* 右內邊距 */
padding-bottom: 15px; /* 下內邊距 */
padding-left: 25px; /* 左內邊距 */

上述代碼展示了如何設置元素的內邊距，其中四個屬性分別對應元素的上、右、下、左四個方向。

需要注意的是，設置元素的四周距離會影響元素的布局和位置，因此在使用時需要慎重考慮。

同時，在設計響應式網頁時，設置元素距離應該根據不同設備的屏幕尺寸和分辨率進行適配，以確保網頁在不同設備上的呈現效果。