Полная страница, но содержит цвет фона

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{
   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>