Продолжаем говорить про свойство background. CSS код .block{ background-image: url('img/background/avatar.jpg');background-repeat: no-repeat;background-position: 0 0; } или так .block{ background: url('img/background/avatar.jpg') top left no-repeat; } Можно и так .block{ background: url('img/background/avatar.jpg') 0 0 no-repeat; } Размещение по центру элемента CSS код .block{ background-image: url('img/background/avatar.jpg');background-repeat: no-repeat;background-position: 50% 50%; } или так .block{ background: url('img/background/avatar.jpg') center no-repeat; } можно итак .block{ background: url('img/background/avatar...

По традиции рассказываю о том, что сейчас изучаю. В этой статье разберем как сделать плитку с увеличением картинок при наведении курсора и прописать ссылку для клика по картинкам. Видео-обзор настройки можно посмотреть ТУТ, а пока приглашаю к тексту. Задача создать блок с картинками с эффектом приближения при наведении курсора. Плюс картинки должны быть кликабельными. На стандартных инструментах геткурса такое реализовать нельзя, но нам на помощь идут чудеса css-кодирования. Итак, для начала в файловое хранилище загружаем нужные нам картинки...