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

Здравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента. Фон элемента описывается в CSS свойством background. Фактически это свойство представляет сокращение набора следующих свойств CSS:

background-color: устанавливает цвет фона
```
background-color: #ff0507;
```
background-image: в качестве фона устанавливается изображение
```
background-image: url(dubi.png);
```
Это свойство принимает одно значение: ключевое слово url, после которого в скобках идет путь к файлу изображения. В данном случае имеется в виду, что в одной папке рядом с веб-страницей находится файл dubi.png.

Также можно использовать абсолютные адреса URL, например:

		Это интересно Это интересно 0 0	Как всё будет выглядеть в блоге: Как сделать картинку фоном Здравствуйте! В прошлом уроке мы с Вами разбирались с размерами элементов, а в это мы поговорим о фоне элемента Скопируйте код для блога: <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/kompyuternaya-gramotnost/13937135/" 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/kompyuternaya-gramotnost/13937135/" 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

14.07.2017

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

Следить

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

Компьютерная грамотность 1406

Важные темы:

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

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

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

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

Открытая группа
17432 участника