В одном из уроков HTML рассматривается установка на задний фон страницы какого-то цвета или изображения. В этом и следующем уроке будет рассматриваться настройка заднего фона страницы со стороны CSS - технологий.
Для примера сохраните, нижерасположенное, изображение в папку "images"
Создайте страницу "test_backfon.html" и вставьте в неё код, в котором выбранная картинка распространяется (повторяется) по всей странице.
<!DOCTYPE html><html><head><title>Задний фон</title><style>body{
background-image:url(images/backfon_0.png);
}h2{
text-align: center;color: orange;
}</style></head><body><h2>Изображение на заднем фоне повторяется по всей странице </h2></body></html>
Для того что бы изображение повторялось только по горизонтали нужно воспользоваться атрибутом background-repeat: и указать в его значении repeat-x. То есть изображение будет повторяться по оси ординат.
<!DOCTYPE html><html><head><title>Задний фон </title><style>body{
background-image:url(images/backfon_0.png);background-repeat:repeat-x;
}h2{
text-align: center;color: orange;
}</style></head><body><h2 >Изображение на заднем фоне повторяется по горизонтали</h2></body></html>
Для того что бы изображение повторялось только по вертикали нужно воспользоваться атрибутом background-repeat: и указать в его значении repeat-y. То есть изображение будет повторяться по оси абсцисс.
<!DOCTYPE html><html><head><title>Задний фон </title><style>body{
background-image:url(images/backfon_0.png);background-repeat: repeat-y;
}h2{
text-align: center;color: orange;
}</style></head><body><h2>Изображение на заднем фоне повторяется по вертикали</h2></body></html>
