< p >CSS 邊距（margin）是指元素周圍的空間，包括元素與其相鄰元素之間的間隔和元素的邊框之間的間隔。< /p >< pre >.element { margin: 10px; /* 四邊均設置為10像素 */ margin-top: 10px; /* 設置上邊距為10像素 */ margin-right: 20px; /* 設置右邊距為20像素 */ margin-bottom: 30px; /* 設置下邊距為30像素 */ margin-left: 40px; /* 設置左邊距為40像素 */ }< /pre >< p >上面的代碼展示了如何設置元素的 margin，可以指定四個方向分別設置邊距，也可以同時設置四個方向的邊距。值可以是像素、百分比或 em 等。< /p >< pre >.element { margin: 10px 20px; /* 頂部和底部設置為10像素，左側和右側設置為20像素 */ margin: 10% auto; /* 頂部和底部設置為10%，左側和右側居中 */ margin: 1em 2em 3em; /* 上邊距設置為1em，右和左邊距設置為2em，下邊距設置為3em */ }< /pre >< p >margin 還有一個特殊的值——auto，指的是瀏覽器自動計算可用的空間，它經常用于水平居中一個塊級元素。< /p >< pre >.element { margin-left: auto; margin-right: auto; }< /pre >< p >如果元素的 margin-top 或 margin-bottom 設置為負值，元素將超出其容器頂部或底部的邊框。< /p >< pre >.element { margin-top: -10px; margin-bottom: -20px; }< /pre >< p >總結一下，CSS 的邊距是控制元素周圍空間的重要屬性，我們可以使用 margin 屬性對元素的上、下、左、右邊距進行設置，讓頁面更加美觀。< /p >