В примере "Картинка как фон страницы", стиль картинки использовался прямо в странице. Правильнее и проще будет использование картинки фоном в 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>
