ГЛАВНАЯ МЕНЮ КАРТА САЙТА

Картинки как фон страницы

htmlКак сделать так, чтобы корректно вписать картинку в фон страницы и использовать как основной фон страницы или как отдельного текста.

Универсальное свойство background - позволяет устанавливать характеристики фона страницы (до пяти).

Например команд:
background-image – устанавливает фоновое изображение;
background-position – задаёт начальное положение изображения (left, center, right, top, bottom);
background-attachment – будет ли изображение прокручиваться вместе с документом или зафиксируется (fixed, scroll, local);
background-repeat – как будет повторяться картинка (repeat-x, repeat-y, space, round, no-repeat);
background-color – цвет фона (цвет, transparent, inherit).

 

Пример:
1. <div style="background-image: url('/images/картинка.jpg');  background-repeat: repeat;  background-attachment: scroll; "> текст статьи</div>

Пример:
1.1 <div style="background: url('/images/uzor.jpg') no-repeat scroll;"> текст статьи</div>

в примере 1 указоно, что картинка по умолчанию находиться в левом верхнем углу, background-position начальное положение картинки в этом случае не используется. background-repeat: repeat; означает, что картинка повторяется (замостить фон). background-attachment: scroll; картинка прокручивается вместе со страницей.

Если заключить в <div> статья </div> картинка используется как фон на всем документе, если статья <div> статья </div> статья, то только на части документа

пример 1.1 сокращенный пример где свойства background прописуваются через пробел.



Подписаться:

Поделиться:
- - - Твоё любимое Радио Онлайн - - -










© 2001-2020 Барабульки