С развитием GPT, и всех его отростков, думаю уже подобные вопросы должны вымереть, Даже у нас
на сервере дискорд есть бот которого я написал, к которому подключён gpt, и ему можете задавать такие вопросы, и мучать его до бесконечности с вопросами по html и css. Он сам вам сгенерировать может код css, и поможет в решении многих задач.
По поводу как писать код:
Вот пример кода:
/* Создаем стиль с классом .my_image */
.my_image {
/* Устанавливаем фоновое изображение с использованием SVG-файла */
background: url('путь_к_вашему_файлу.svg');
/* Устанавливаем ширину элемента в 100 пикселей */
width: 100px;
/* Устанавливаем высоту элемента в 150 пикселей */
height: 150px;
}
Комментарии специально написал, чтобы было понятно что и куда.
Но есть один большой ньюанс при работе с svg файлами.
Не все они подходят для работе с сайтами, и его нужно редактировать через текстовый редактор. Да, сам файл svg, чтобы он отображался на сайте.
Но всё же svg не так страшен и вставляется как обычная картинка.