Как сделать картинку фоном

дравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента. Фон элемента описывается в 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	Как всё будет выглядеть в блоге: Как сделать картинку фоном дравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/13131671/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как сделать картинку фоном </a> <div class="insert-intro" style="font-family:trebuchet MS;">дравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента </div> </div> Как сделать картинку фоном <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/13131671/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как сделать картинку фоном</a> <div style="font-family:trebuchet MS;">дравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента </div> </div>

webguru

17.01.2017

В избранное Пожаловаться Просмотров: 428

Комментарии ⁰

Полезные сервисы и программы для начинающих пользователей 7268

Важные темы:

Активные участники:

Последние откомментированные темы:

Как сделать картинку фоном

Комментарии временно отключены

Открытая группа
38976 участников