分享
三行代码  ›  专栏  ›  技术社区  ›  Natalie

为什么在为body设置背景色时body margin不会导致白色边框?

css
  •  0
  • Natalie  · 技术社区  · 6 天前

    body {
      background-color: #ccc;
    }
    
    2 回复  |  直到 5 天前
        1
  •  2
  •   SteeveDroz    5 天前

    如果 html 没有背景色,它与 body . 如果你想在 身体 ,只需添加

    html {
        background: white;
    }
    
        2
  •  1
  •   Raymond    5 天前

    Use padding instead:

    它能找到的第一种颜色是#ccc from body,所以html会接受它。

    body {
      background-color: #ccc;
    }

    您需要一个与正文不同的html颜色样式:

    html {
        background: white;
    }
    
    body {
      margin: 8px;
      background-color: #ccc;
    }
    enter image description here

    我们需要为html和正文设置高度,以占用您浏览器的100%。

    html {
        background: white;
    }
    
    body {
      margin: 8px;
      background-color: #ccc;
    }
    
    html,body{
      height:100%
    }
        3
  •  -1
  •   Ijaz Ali    5 天前

    8px 正文边距可以在css中添加此规则。然后你的背景色将覆盖你的所有页面。

    body {
            margin: 0px;
            padding: 0
        }