В CSS можно указать путь к картинке и чтоб показалась она на сайте? Я не про фоновое изображение background-image:
В нём понятно- можно. А просто картинку
Ещё в CSS можно подключить иконочный шрифт и выводить картинки-символы через атрибут content.
Но именно изображение нельзя: адрес картинки задаётся атрибутом HTML-тега, повлиять на который из CSS невозможно.
В чем именно состоит задача?
Почему изображение нужно выводить именно через стилевое оформление?
Это иллюстрация материала или просто украшение?
Если иллюстрация правильнее указывать в HTML так…
<figure>
<picture>
<source
type="image/webp"
media="(min-width: 36em)"
srcset="images/large.webp 1920w,
images/medium.webp 960w,
images/small.webp 480w" />
<source
media="(min-width: 36em)"
srcset="images/large.jpg 1920w,
images/medium.jpg 960w,
images/small.jpg 480w" />
<img
src="images/medium.jpg"
alt="Описание изображения" />
</picture>
<figcaption>
Пример того как правильно размечать изображения
</figcaption>
</figure>
Можно к примеру псевдо-элемент задать через ::before или ::after, сделать его блоком нужной высоты и ширины, и задать фон)