问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何设置整个html页面的左右边距？给body加什么属性呢？

头像
swnuv
    3.9k699161502

    让整个首页左右两边都要有一块空白

    htmlcssjavascript
    阅读 12.5k
    5 个回答
    得票最新
    头像
    守候
      18.6k3936
      ✓ 已被采纳

      不建议给html或者body直接加这些样式。
      你用个div设置下，margin:0 auto;吧！

      clipboard.png

      <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
    *{
        margin:0;
        padding:0;
    }
    .div1{
        margin:0 auto;
        width:300px;
    }
</style>
</head>

<body>
    <div class="div1">
        <p>一个没有指定边距大小的段落。</p>
<p class="ex1">一个指定边距大小的段落。</p>
<p>一个没有指定边距大小的段落。</p>
    </div>
</body>

</html>
      头像
      花式抖腿冠军
        1173
        body {
    padding: 0 10px;
}

        这样???????

        头像
        karroy
          5525

          边距有内边距padding和外边距margin，你用哪个都可以
          body {

          margin: 0 10px;//外
padding: 0 10px;//内

          }

          头像
          jllllyuz
            55116

            设置主体宽度，主体CSS设置为margin:0 auto;

            头像
            我是一个木头人
              26642138

              先CSS格式化一下，再使用主体CSS设置为margin:0 auto;

              撰写回答
              你尚未登录，登录后可以
              • 和开发者交流问题的细节
              • 关注并接收问题和回答的更新提醒
              • 参与内容的编辑和改进，让解决方法与时俱进
              推荐问题
              宣传栏