css中的边距如何设置 |css 透明内部内容不透明

在CSS中，大家可以使用margin属性来设置元素的外边距，也可以使用padding属性来设置元素的内边距。

下面是设置外边距的代码：

.box{
margin: 10px; /*上下左右都设置为10px*/
margin-top: 10px; /*只设置上边距*/
margin-bottom: 10px; /*只设置下边距*/
margin-left: 10px; /*只设置左边距*/
margin-right: 10px; /*只设置右边距*/
margin: 10px 20px; /*上下10px，左右20px*/
margin: 10px 20px 30px; /*上10px，左右20px，下30px*/
margin: 10px 20px 30px 40px; /*上10px，右20px，下30px，左40px*/
}

接下来是设置内边距的代码：

.box{
padding: 10px; /*上下左右都设置为10px*/
padding-top: 10px; /*只设置上边距*/
padding-bottom: 10px; /*只设置下边距*/
padding-left: 10px; /*只设置左边距*/
padding-right: 10px; /*只设置右边距*/
padding: 10px 20px; /*上下10px，左右20px*/
padding: 10px 20px 30px; /*上10px，左右20px，下30px*/
padding: 10px 20px 30px 40px; /*上10px，右20px，下30px，左40px*/
}

需要注意的是，设置边距的值可以使用相对长度，也可以使用绝对长度。相对长度包括百分比、em和rem等，而绝对长度包括像素、厘米和英寸等。另外，如果大家想让元素和周围的元素之间没有间距，可以将边距设置为0。

好了，以上就是CSS中设置边距的方法。希望对大家有所帮助。