Свойство BACKGROUND-POSITION

Задает позицию фонового изображения. Значения можно задавать в процентах, в единицах длины и при помощи ключевых слов. Отсчет как обычно ведется из левого верхнего угла браузера, где и располагается фоновое изображение по умолчанию. На рисунке приведены примеры позиционирования (точка это типа изображение, а то что под ней - приблизительные координаты)

В начале указываем координату по горизонтали (по оси Х), затем через пробел координату по вертикали (по оси Y). Координату можно задавать в процентах от ширины окна браузера, также в пикселях.

Также положение можно задавать специальными словами:

left - лево, right - право, center -центр, top - верх, bottom - низ. Смотрите рисунок:

Примеры стилей:

BODY {

background-image: url(smile.png);

background-repeat: no-repeat;

background-position: top right;

}

BODY {

background-image: url(smile.png);

background-repeat: no-repeat;

background-position: 300px 500px;

}

BODY {

background-image: url(smile.png);

background-repeat: no-repeat;

background-position: 75% 25%;

}

Задание 7.

Выполните все 3 варианта установки позиции фоновой картинки на разных страницах: