整页但包含背景颜色

Question

我试图通过将 CSS 属性添加到 body 来为整个页面添加背景颜色，但我试图包含宽度，使其看起来像页面中心的条纹，但我有包含背景颜色的麻烦。我不确定这是不可能的还是我错过了什么。

.centerBG{
   height:100%;
   width: 70%;
   background-color: rgb(128,128,128);
   background-position:absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin:auto;
   z-index: -99;
}

我在这里有一个 CSS 类，它可以像我想要的那样完成这个技巧，除了我编写的所有内容都必须在容器中。我知道我必须在 body{} 内执行此操作，但每当我将背景颜色应用于 body 时，例如：

body{
   background-color: #000000;
}

无论我是否添加宽度属性，整个背景都会是那种颜色。我目前正在使用 bootstrap 4，所以如果有办法使用该库，那就太好了。

Answer 1

body{
background:#000;
}
.background {
  position:absolute;
  left:30%;
  top:50vh;
  width: 200px;
  height: 200px;
  display: block;
  background: #58a;
  background-image: repeating-linear-gradient(60deg, #FFF,#FFF 30px, transparent 0, transparent 60px);
}

<div class="background">
</div>