Как сделать так, чтобы корректно вписать картинку в фон страницы и использовать как основной фон страницы или как отдельного текста.
Универсальное свойство 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 прописуваются через пробел.
Coin |
Настройка CMS |
Политика |
Для дома |
Игры |
Интернет, сайт, SEO |
Soft |
Операционные системы |
Социальные сети |
Безопасность и анонимность |
© 2001-2020 Барабульки