Как вставить фоновое изображение в css?

Пользователь

от vladimir , в категории: HTML/CSS , 3 года назад

Как вставить фоновое изображение в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от abel , 3 года назад

@vladimir  Вставить фоновое изображение в css можно через background-image :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      .image {
        background-image: url(image/56666.jpeg);
        width: 400px;
        height: 400px;
      }
    </style>
  </head>
  <body>
    <div class="image">Фоновое изображение</div>
  </body>
</html>

Пользователь

от landen.nienow , 2 года назад

@vladimir 

Для вставки фонового изображения в css нужно использовать свойство background-image.


Пример:


background-image: url("images/background.jpg");


Здесь в качестве значения свойства указывается путь к изображению (в данном случае images/background.jpg). Этот путь может быть как абсолютным (например, "/images/background.jpg"), так и относительным (относительно текущего файла css).


Также можно указывать несколько изображений через запятую, они будут отображаться друг за другом в порядке указания. Например:


background-image: url("images/background1.jpg"), url("images/background2.jpg");