Question

如何删除角落中的颜色？

body {
border: 30px solid #fff;
border-radius: 50px;
background-color: blue;
background-attachment: fixed;
position: fixed;
width: 100%;
height: 100%

}

Answer 1

在你的html主体中有以下内容：

<body>
<div>
  <!-- all other body html here -->
</div>
</body>

然后在你的css中使用：

body {
  position: fixed;
  width: 100%;
  height: 100%
}
body > div {
  height: 100%;
  width: 100%;
  background: blue;
  border: 30px solid #fff;
  border-radius: 50px;
}

JSFiddle：https://jsfiddle.net/d7bd5fjm/

Answer 2

你可以增加边框像素大小，它会掩盖角落

Answer 3

你应该添加一个额外的div标签并在那里添加背景颜色而不是在body标签中。

Answer 4

TRY，

   body {
        border: 20px solid #fff;
        border-radius: 50px;
        background-color: blue;
        background-attachment: fixed;
        position: fixed;
        margin: -15px; //Pulling the border outwards.
        width: 100%;
        height: 100%
    }

Answer 5

为什么不在body之类的新元素上设置它，而不是在div上设置它？但如果你坚持将它保留在身体上，在html上设置白色就是这样做的一种方式......

html {
    background: white;}

修复背景颜色

5 个答案: