CSS是網頁設計中的重要工具之一，它可以用來實現網頁的各種樣式效果。其中，外邊距（margin）是CSS中重要的一項屬性，它可以控制元素與其他元素之間的距離。

/* 設置外邊距 */
margin-top: 10px;  /* 上邊距 */
margin-right: 20px;  /* 右邊距 */
margin-bottom: 30px;  /* 下邊距 */
margin-left: 40px;  /* 左邊距 */
/* 設置上下外邊距 */
margin: 10px 0;
/* 設置上下左右外邊距 */
margin: 10px 20px 30px 40px;
/* 設置水平方向外邊距 */
margin-left: auto;
margin-right: auto;

上面的代碼演示了如何使用CSS設置外邊距。可以看到，我們可以分別為元素的上、右、下、左四個方向設置外邊距，也可以通過簡寫方法設置上下、左右、甚至是全部四個方向的外邊距。同時，還可以使用auto關鍵字來自動調整元素的水平方向外邊距。

通過控制外邊距的大小和方向，可以讓網頁元素之間的間距更加合理、美觀，從而提升用戶的使用體驗。