欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css樣式設(shè)置外邊距

CSS中的外邊距設(shè)置是非常常用的一種樣式。它可以幫助我們改變?cè)嘏c其它元素之間的間距,從而更好地布局網(wǎng)頁(yè)。

當(dāng)我們需要設(shè)置元素的外邊距時(shí),可以使用margin屬性。margin屬性可以接受多個(gè)值,用空格分隔,分別表示上、右、下、左四個(gè)方向的外邊距。如果我們只輸入一個(gè)值,那么它會(huì)被應(yīng)用到所有四個(gè)方向上。如下面的代碼:

div{
margin: 20px;   /*上下左右外邊距均為20px*/
}

如果我們需要對(duì)某一個(gè)方向的外邊距進(jìn)行設(shè)置,而保持其它方向的外邊距不變,則可以分別設(shè)置margin-top、margin-right、margin-bottom和margin-left屬性。如下面的代碼:

p{
margin-top: 10px;   /*上外邊距為10px*/
margin-bottom: 10px;   /*下外邊距為10px*/
margin-left: 5px;   /*左外邊距為5px*/
margin-right: 5px;   /*右外邊距為5px*/
}

除此之外,還可以使用負(fù)值來(lái)設(shè)置外邊距,從而使元素與其它元素更加緊密地排列在一起。如下面代碼所示:

div{
margin: -10px;   /*上下左右外邊距均為-10px*/
}

同時(shí),我們可以在margin屬性中使用auto關(guān)鍵字來(lái)自動(dòng)計(jì)算外邊距的大小,以實(shí)現(xiàn)元素水平居中的效果。

總而言之,外邊距是CSS中很重要的一種樣式,對(duì)于網(wǎng)頁(yè)布局具有非常重要的意義,我們要熟練掌握它的使用。