css3上下左右边距怎么设置

CSS3中设置上下左右边距的方法有很多，下面我们来逐一介绍。

/*设置上下左右边距相等*/
.margin {
    margin: 20px; /*上下左右边距都为20像素*/
}
 
/*设置上下边距相等，左右边距为0*/
.margin-top-bottom {
    margin-top: 20px; /*上边距为20像素*/
    margin-bottom: 20px; /*下边距为20像素*/
    margin-left: 0; /*左边距为0*/
    margin-right: 0; /*右边距为0*/
}
 
/*设置左右边距相等，上下边距为0*/
.margin-left-right {
    margin-top: 0; /*上边距为0*/
    margin-bottom: 0; /*下边距为0*/
    margin-left: 20px; /*左边距为20像素*/
    margin-right: 20px; /*右边距为20像素*/
}
 
/*设置每个边距不同*/
.margin-different {
    margin-top: 10px; /*上边距为10像素*/
    margin-right: 5px; /*右边距为5像素*/
    margin-bottom: 20px; /*下边距为20像素*/
    margin-left: 15px; /*左边距为15像素*/
}

以上是CSS3设置上下左右边距的几种方法，根据需要选择合适的方法即可。