- Сначала нужно добавить картинку на сервер, где хранится ваш сайт. Это можно сделать через FTP или панель управления хостингом.
- Далее нужно указать путь к картинке в CSS-файле. Например, если картинка находится в папке «images» на сервере, то путь будет выглядеть так:
background-image: url('/images/my-image.jpg');- Также можно задать размеры картинки и ее положение на странице:
background-size: cover; /* задает размеры картинки */
background-position: center center; /* задает положение картинки */- Если нужно добавить картинку в HTML-код страницы, то можно использовать тег
<img>:
<img src="/images/my-image.jpg" alt="Моя картинка">- Также можно добавить стили для картинки в CSS-файле:
img {
width: 100%;
height: auto;
}Это задаст ширину картинки на всю ширину родительского элемента и сохранит ее пропорции.
