дравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента. Фон элемента описывается в 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
|
|||
Последние откомментированные темы:
-
Обзор смартфона LG Optimus L9
(1)
hobert
,
01.03.2022
-
Антивирусные приложения Android для защиты устройства
(1)
Наталья_ласточка
,
27.02.2022
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
bbob
,
15.02.2022
-
Обходим блокировку сайтов.
(3)
Евгений_к
,
07.02.2022
20251118150631