CSS3外邊距是CSS3提供的一種布局方式，可以用來控制元素之間的距離，實現(xiàn)頁面布局的調(diào)整。CSS3外邊距定義了元素周圍的空白區(qū)域，可以為元素設(shè)置四個方向上的外邊距（上、右、下、左），也可以將它們設(shè)置為同一個值。

margin-top: 20px; /*定義元素上方的外邊距為20像素*/
margin-right: 30px; /*定義元素右側(cè)的外邊距為30像素*/
margin-bottom: 20px; /*定義元素下方的外邊距為20像素*/
margin-left: 30px; /*定義元素左側(cè)的外邊距為30像素*/

在使用CSS3外邊距時，需要注意以下幾個問題：

• 元素的外邊距不會疊加：如果兩個相鄰元素之間設(shè)置了外邊距，它們之間的距離不會是兩個外邊距之和，而是取它們之中的最大值。
• 元素的外邊距不會影響元素的尺寸：即使為元素設(shè)置了外邊距，這些外邊距并不會影響元素的實際尺寸。例如，設(shè)置元素的寬度為100像素，再為它設(shè)置左右外邊距各為20像素，那么這個元素的實際寬度仍然是100像素。
• 元素的外邊距可以為負(fù)值：如果為元素設(shè)置負(fù)值外邊距，那么元素將會與周圍元素重疊。

使用CSS3外邊距可以實現(xiàn)靈活多變的頁面布局，讓網(wǎng)頁更加美觀、優(yōu)雅。