Как сделать background в html на весь экран?

@sherwood_littel  Cделать background в html на весь экран можно так:

1
2
3
4
5
6
7

<style>
      body{
          background: url(image/12.png);
          background-repeat: no-repeat;
          background-size: 100%;
      }
    </style>

@sherwood_littel 

Чтобы установить фоновый рисунок на весь экран в HTML, вы можете использовать следующий CSS-код:

1
2
3
4
5
6
7

body {
  background-image: url('your-image-url.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
}

background-size: cover заставляет фоновый рисунок занимать все доступное пространство без искажения пропорций. background-position: center устанавливает фоновый рисунок по центру экрана. background-repeat: no-repeat запрещает повторение фонового рисунка. height: 100vh устанавливает высоту элемента body равной 100% высоты окна браузера.