htmlВ примере "Картинка как фон страницы", стиль картинки использовался прямо в странице. Правильнее и проще будет использование картинки фоном в CSS. Если стилю будет присвоить класс, то его можно будет использовать и для других картинок на всем сайте.

Пример 1: Создаем документ с расширением .css в него впишем следующее:

div.наш стиль {
background-image: url('/images/картинка.jpg');
background-repeat: repeat;
background-attachment: scroll;
}

данный стиль будет применяться только к блокам элемента <div>
background-image: url('/images/картинка.jpg'); - выбрана картинка в папке images
background-repeat: repeat; - означает, что картинка повторяется
background-attachment: scroll; - картинка прокручивается вместе со страницей.

Данный класс применяется следующим образом: <div class="наш стиль"> текст статьи</div>

Пример 2:
div.наш стиль2 {
background-image: url('/images/картинка.jpg');
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
}

background-image: url('/images/картинка.jpg'); выбрана картинка в папке images
background-position: center; расположение картинки по центру
background-repeat: rno-repeat; картинка не повторяется
background-attachment: scroll; картинка прокручивается вместе со страницей.

Данный класс тоже применяется следующим образом: <div class="наш стиль2"> текст статьи</div>


Поделиться:

У вас нет прав для отправки комментариев. Войти используя свою социальную сеть