在CSS中,可以使用 margin
属性在元素之间创建空白间隔。 margin
属性控制元素周围的空白区域,其值可以是具体的像素值、百分比或者 auto
。
例如,可以使用以下代码将两个 div
元素之间的间距设置为 20 像素:
div {
margin-bottom: 20px;
}
这将在每个 div
元素的下方创建一个 20 像素的空白间隔。可以使用 margin-top
属性在元素上方创建空白间隔,使用 margin-left
和 margin-right
属性在元素左右创建空白间隔。
此外,还可以使用 padding
属性控制元素内部的空白区域。 padding
属性与 margin
类似,但用于控制元素内部与内容之间的距离。
需要注意的是,当使用 margin
和 padding
属性时,应该考虑到不同浏览器的默认样式可能会影响布局,可以使用 CSS reset 或者 normalize.css 等工具来规范化浏览器默认样式。