Наверное, многие из вас при изменении дизайна сайта хотели украсить верх или низ блока, а может, и то, и другое (как создать последнее, смотрите урок "Два фоновых изображения для блока"), и многие соответственно задавались вопросом:"Как это сделать?". На самом деле ответ очень прост: нужно указать определённое расположение для фонового изображения.
К примеру, вы хотите вставить небольшое изображение внизу блока новостей. В таблице стилей CSS вы прописываете ссылку на изображение с помощью background:
background: url(ссылка на картинку) no-repeat; /означает, что изображение не повторяется по горизонтали и вертикали/. Далее вы задаёте расположение с помощью background-position:
background-position: 0 100% / 0 означает, что по оси x изображение не смещено, т.е. прижато к левой части блока, 100% - смещено по оси y полностью, т.е. в самый низ блока/. Вот и всё! Меняя значения background-position, вы легко сможете установить изображение там, где вам нужно! Спасибо за внимание! Удачи!
|