在 HTML 中,我们可以通过外边距来控制元素之间的空白区域。外边距(margin)是元素周围的空白区域,可用于调整元素与其它元素之间的间距。
p { margin-top: 20px; margin-bottom: 10px; }
上面这个例子设置了一个段落的上外边距为 20 像素,下外边距为 10 像素。如果你不希望有任何空白区域,可以把外边距设置为零。如果你想调整整个页面的外边距,你也可以把外边距设置为文档根元素(<html>
)。
html { margin: 0; }
这样就把整个页面的外边距都设置为了零。如果你想只控制某个元素的左右外边距,可以使用 margin-left
和 margin-right
属性。同样的,如果你只想控制上下外边距,可以使用 margin-top
和 margin-bottom
属性。
.Box { margin-left: 20px; margin-right: 20px; }
上面这个例子设置了一个类名为 Box
的元素的左右外边距都为 20 像素。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。