< p >在網頁布局中，框間距是一個很重要的概念，他能夠控制頁面的美觀數量和頁面的可讀性。在CSS中，我們可以使用margin屬性來設置框間距，本文將會介紹如何使用margin屬性來設置框間距。< /p >< p >margin屬性有四個值，分別是margin-top、margin-right、margin-bottom、margin-left。這些值可以被設置為一個數值，也可以被設置為auto。當數值被設置時，它們代表著相應方向上的間距。例如，當margin-top被設置為10px時，元素上方的間距為10像素。當auto被設置時，它會嘗試把間距平均分配到相應的邊緣上。< /p >< pre >.box { margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 200px; height: 200px; background-color: #f2f2f2; }< /pre >< p >在上面的代碼中，我們設置了一個名為.box的元素，它的高度和寬度分別為200px。margin-top和margin-bottom被設置為20px，意味著box上方和下方的間距都為20像素。margin-left和margin-right被設置為auto，這意味著它們會盡量使兩側的間距相等。

< p >需要注意的是，當我們使用margin屬性時，我們需要確保在CSS中沒有任何的重設。例如，如果我們把另一個CSS規則中的margin值設置為0，它會覆蓋掉我們的樣式規則。< /p>< p >總之，在網頁布局中，框間距是非常重要的。使用margin屬性可以有效的控制框間距，并且您還可以根據需要調整它們的大小和位置來最大化頁面可讀性和吸引力。< /p>