如果只设置盒子的左右外边距应该怎么写
时间: 2023-10-05 10:12:43 浏览: 72
盒模型的介绍,以及margin(外边距)padding(内边距)的使用.zip
如果您只需要为盒子设置左右外边距,可以使用以下 CSS 代码:
```css
margin-left: 10px;
margin-right: 10px;
```
这样可以将盒子的左外边距设置为 10 像素,右外边距设置为 10 像素。如果您需要使用相对单位,例如百分比,则可以使用以下代码:
```css
margin-left: 5%;
margin-right: 5%;
```
这样可以将盒子的左外边距设置为它所在容器宽度的 5%,右外边距同理。
如果您想要更简洁的写法,可以使用以下代码:
```css
margin: 0 10px;
```
这样可以将盒子的上下外边距设置为 0 像素,左右外边距设置为 10 像素。如果您需要使用相对单位,则可以使用以下代码:
```css
margin: 0 5%;
```
这样可以将盒子的左右外边距设置为它所在容器宽度的 5%。
阅读全文