Онлайн всего: 1
Гостей: 1
Пользователей: 0































Уроки фотошопа

Главная » Статьи » Уроки web-дизайна

Как привязать изображение к верху/к низу блока?

 Наверное, многие из вас при изменении дизайна сайта хотели украсить верх или низ блока, а может, и то, и другое (как создать последнее, смотрите урок "Два фоновых изображения для блока"), и многие соответственно задавались вопросом:"Как это сделать?". На самом деле ответ очень прост: нужно указать определённое расположение для фонового изображения. 

 К примеру, вы хотите вставить небольшое изображение внизу блока новостей. В таблице стилей CSS вы прописываете ссылку на изображение с помощью background:
           background: url(ссылка на картинку) no-repeat; /означает, что изображение не повторяется по горизонтали и вертикали/. Далее вы задаёте расположение с помощью background-position:
           background-position: 0 100% / 0 означает, что по оси x изображение не смещено, т.е. прижато к левой части блока, 100% - смещено по оси y полностью, т.е. в самый низ блока/. Вот и всё! Меняя значения background-position, вы легко сможете установить изображение там, где вам нужно! Спасибо за внимание! Удачи!
Категория: Уроки web-дизайна | Добавил: Shephard (24.08.2012) | Автор: Shephard W
Просмотров: 3632 | Рейтинг: 5.0/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]