CSS外邊距怎么寫？ CSS外邊距是指元素邊框與相鄰元素之間的距離。外邊距有四個方向：上、右、下、左。在CSS中，可以使用margin屬性來設(shè)置外邊距。 margin屬性可以設(shè)置多個值，例如，設(shè)置上下邊距為10像素，左右邊距為20像素，可以使用以下代碼：

p {
margin: 10px 20px;
}

上述代碼中，10px表示上下邊距，20px表示左右邊距。如果想要設(shè)置不同的邊距，可以將四個值分別設(shè)置，例如：

p {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}

上述代碼中，分別設(shè)置了上、右、下、左四個方向的邊距為10px、20px、30px、40px。 除了使用具體數(shù)值外，還可以使用百分比來設(shè)置邊距。例如，設(shè)置上下邊距為設(shè)備視口高度的20%，可以使用以下代碼：

p {
margin-top: 20vh;
margin-bottom: 20vh;
}

上述代碼中，vh表示視口高度的百分之一。 除此之外，還可以使用auto關(guān)鍵字來自動計算外邊距。例如，在一個固定寬度的塊級元素中，想要讓該元素水平居中，可以使用以下代碼：

.container {
width: 80%;
margin: 0 auto;
}

上述代碼中，將左右邊距設(shè)為auto，瀏覽器會自動計算左右邊距，使該元素水平居中。 總之，CSS外邊距的設(shè)置方式多種多樣，可以根據(jù)實際需求選擇合適的方法。