css外边距四个值代码

CSS外边距是指设置元素与其周围元素之间的边界距离。外边距有四个值，分别是：

1. 0像素(无外边距)：元素与周围元素之间没有任何距离。

2. 1像素：元素与周围元素之间距离为1像素。

3. 2像素：元素与周围元素之间距离为2像素。

4. 3像素：元素与周围元素之间距离为3像素。

使用这些外边距值可以改变元素与周围元素之间的布局和外观。下面是一个简单的例子，演示了如何使用CSS外边距来创建一个简单的矩形：

```html

div style="width: 200px; height: 200px; background-color: blue; ">

div style="margin-left: 30px; margin-right: 30px; ">

这是另一个元素。

/div>

/div>

在这个例子中，我们使用了`margin-left`和`margin-right`属性来设置两个子元素的外边距。外边距的值分别为30px，这将导致两个子元素之间有30px的距离。同时，我们使用了`background-color`属性来设置子元素的背景颜色为蓝色。

需要注意的是，外边距的值越大，元素与周围元素之间的距离也越大。因此，如果想要改变元素的大小，请使用`width`和`height`属性而不是外边距。此外，如果您需要同时设置多个外边距值，请使用多个属性来分别设置它们。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！