Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Рисунки, повторяющиеся горизонтально

.

Можно установить фоновый рисунок, который будет повторяться только в одном направлении — например, слева направо. Этот процесс аналогичен построению диаграммы по Х-ося (горизонтально) или по F-оси (вертикально).

Мы используем такие же указания х и у для обозначения направлений в CSS. Например, следующий код установит повторение изображения по горизонтальной оси:

Эффект показан на рис. 5.24.

Рис. 5.24. Повторение фонового изображения по горизонтальной оси

Любопытно, что изображение, которое вы повторяете по горизонтальной оси, чаще всего должно быть высоким и узким. Это позволяет создать очень интересные эффекты с изображениями небольшого объема (с точки зрения загрузки). Рисунок, использованный в примере, показан на рис. 5.25.

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

Рис. 5.25. Вертикальный рисунок, используемый для повторения по горизонтальной оси

Рис. 5.26. Горизонтальное повторение без фонового цвета

.

Читайте так же:
Not found