Как использовать background image в html коде?

Question

[Aigelimu Urgent]

нам сказали поставить иконки (features), на сайте не через тег img html а через css, а в html использовать background img, я не совсем понимаю прошу помочь спсибо.

Comments

[Ankhena]

поставить иконки (features), на сайте не через тег img html а через css, а в html использовать background img

Разумно. Ведь иконки не являются контентными изображениями.

https://webref.ru/css/background-image и остальные свойства начинающиеся на background.

Что именно у вас не получилось?
Ваш код с проблемой можно (нужно) выложить в песочницу на jsfiddle.net

Но если имелось в виду инлайном писать стили, то разумнее задавать кастомные свойства, а не прямо bg.

<div class="test" style="--bgi: url(https://via.placeholder.com/200x80/)"></div>

.test {
background-image: var(--bgi)
}

[Aigelimu Urgent]

Ankhena да разумно, но вот я не очень понимаю как это реализовать и как написать

[Ankhena]

Aigelimu Urgent, обновила комментарий выше

[Aigelimu Urgent]

Ankhena, аа спасибо большое теперь понятно

Answer 1

[qwertyshka]

.info-icon {
  width: 42px; //размер по горизонтали (ширина)
  height: 42px; //размер по вертикали (высота)
  margin-right: 15px; //отступ справа
  background-image: url(/img/clock_2.svg); //сама картинка фоном в блоке
}

Как-то так, что ли?