1. 0像素(无外边距):元素与周围元素之间没有任何距离。
2. 1像素:元素与周围元素之间距离为1像素。
3. 2像素:元素与周围元素之间距离为2像素。
4. 3像素:元素与周围元素之间距离为3像素。
使用这些外边距值可以改变元素与周围元素之间的布局和外观。下面是一个简单的例子,演示了如何使用CSS外边距来创建一个简单的矩形:
“`html
这是另一个元素。
在这个例子中,大家使用了`margin-left`和`margin-right`属性来设置两个子元素的外边距。外边距的值分别为30px,这将导致两个子元素之间有30px的距离。同时,大家使用了`background-color`属性来设置子元素的背景颜色为蓝色。
需要注意的是,外边距的值越大,元素与周围元素之间的距离也越大。因此,如果想要改变元素的大小,请使用`width`和`height`属性而不是外边距。此外,如果您需要同时设置多个外边距值,请使用多个属性来分别设置它们。