在CSS中,可以使用margin-top
屬性來(lái)設(shè)置盒子的上邊距。margin-top
的值可以是具體的像素值,也可以是相對(duì)值,如em
、rem
等。
如果要將盒子的上邊距設(shè)置為20像素,可以使用以下CSS代碼:
.box { margin-top: 20px; }
如果要將盒子的上邊距設(shè)置為當(dāng)前字體大小的1.5倍,可以使用以下CSS代碼:
.box { margin-top: 1.5em; }
CSS還提供了margin
屬性,可以一次性設(shè)置盒子的上下左右邊距,要將盒子的上下邊距設(shè)置為20像素,左右邊距設(shè)置為30像素,可以使用以下CSS代碼:
.box { margin: 20px 30px; }
需要注意的是,margin
屬性的值可以省略,只寫需要的值即可,只設(shè)置上下邊距,不設(shè)置左右邊距,可以這樣寫:
.box { margin: 20px; }
這樣會(huì)將盒子的上下邊距設(shè)置為20像素,左右邊距自動(dòng)為0。