微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html中外边距上下的代码

在 HTML 中,我们可以通过外边距来控制元素之间的空白区域。外边距(margin)是元素周围的空白区域,可用于调整元素与其它元素之间的间距。

  p {
    margin-top: 20px;
    margin-bottom: 10px;
  }

html中外边距上下的代码

上面这个例子设置了一个段落的上外边距为 20 像素,下外边距为 10 像素。如果你不希望有任何空白区域,可以把外边距设置为零。如果你想调整整个页面的外边距,你也可以把外边距设置为文档根元素(<html>)。

  html {
    margin: 0;
  }

这样就把整个页面的外边距都设置为了零。如果你想只控制某个元素的左右外边距,可以使用 margin-leftmargin-right 属性。同样的,如果你只想控制上下外边距,可以使用 margin-topmargin-bottom 属性

  .Box {
    margin-left: 20px;
    margin-right: 20px;
  }

上面这个例子设置了一个类名为 Box 的元素的左右外边距都为 20 像素。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐