Здравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента. Фон элемента описывается в CSS свойством background. Фактически это свойство представляет сокращение набора следующих свойств CSS:
-
background-color: устанавливает цвет фона
background-color: #ff0507;
-
background-image: в качестве фона устанавливается изображение
background-image: url(dubi.png);
Это свойство принимает одно значение: ключевое слово url, после которого в скобках идет путь к файлу изображения. В данном случае имеется в виду, что в одной папке рядом с веб-страницей находится файл dubi.png.
Также можно использовать абсолютные адреса URL, например:
background-image: url(http://localhost.com/someimage.png);
Либо можно использовать относительные адреса - относительно html-документа или корневого каталога сайта:
background-image: url(../images/someimage.png); /* путь относительно html-документа */
-
background-repeat: устанавливает режим повторения фонового изображения по всей поверхности элемента
-
background-size: устанавливает размер фонового изображения
-
background-position: указывает позицию фонового изображения
-
background-attachment: устанавливает стиль прикрепления фонового изображения к элементу
-
background-clip: определяет область, которая вырезается из изображения и используется в качестве фона
-
background-origin: устанавливает начальную позицию фонового изображения
Это интересно
+1
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
20251119143401