Question

我尝试通过向主体添加CSS属性来为整个页面添加背景颜色，但我试图包含宽度，使其看起来像是页面中心的条纹但是我在包含背景颜色时遇到问题。我不确定它是否可能或者我是否遗漏了某些东西。

.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;
}

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

Answer 1

＆＃13;

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);
}

＆＃13;

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

＆＃13;

整页但包含背景颜色

1 个答案: