Question

我有一个简单的问题，但我不能自己解决它。我有背景，不能在它外面设置边框。如何解决？

这是我的身体css：

body {
    width: 100%; 
    height: 500px;
    border: 10px solid black;
    border-width: 100%;
    background-image:url('kalendorius3.png');
    background-size:100% 500px;
    background-repeat:no-repeat;

}

这是我的边框现在的样子：

border

你能帮助我吗？谢谢。

Answer 1

尝试将margin:0px; padding:0px添加到正文css。

如果您希望将边框，背景图片和内容居中，请尝试此操作：

body {
  margin:0px; 
  padding:0px;
} 
#wrapper{
  margin:0px auto;
  height: 500px;
  width:940px;
  border: 10px solid black;
  background:url('kalendorius3.png') no-repeat top;
}

身体中的html：

<body>
  <div id="wrapper">
      content goes here....
  </div>
</body>

Answer 2

首先

删除

border-width: 100%;

这可能实际上解决了您的问题

如果还没有确保将其添加到正文

body {
    margin: 0 !important;
    padding: 0 !important;
    }

CSS。边境外的背景

2 个答案: