Как добавить фоновое изображение на полях и вверху страницы позади основного текста? (Html, Css) - PullRequest
Новая
       23

Как добавить фоновое изображение на полях и вверху страницы позади основного текста? (Html, Css)

0 голосов
/ 27 мая 2020

Я создаю веб-страницу и пытаюсь добавить изображение за контейнером на полях слева, справа и сверху.

Ближайший пример моей текущей веб-страницы находится в этой демонстрации: https://html5up.net/phantom.

Я sh, чтобы задавать фоновое изображение, подобное синему в это изображение: https://i.stack.imgur.com/NHbqU.png

Итак, я хочу, чтобы изображение находилось за плавающей страницей.

Ответы [ 2 ]

0 голосов
/ 27 мая 2020

Вы искали следующий код? Если это так, по сути, это цвет фона для «границы», у указанного выше элемента есть поля. 

body {
  background-color: dodgerblue;
}

#content {
  position: fixed;
  background-color: #fff;
  border-radius: 15px;
  padding-top: 15px;
  text-align:center;
  
  height: 100%;
  width: 88%;
  margin: 25px;
}
<body>
  <div id="content">
    <h1>Wow!!</h1>
  </div>
</body>
0 голосов
/ 27 мая 2020

Хорошо, добавьте фоновое изображение для body и добавьте background: white (или любого другого цвета) в контейнер содержимого, чтобы фон тела не «просвечивал».

...