7 лет назад
Создание сайтов с нуля - урок 22 - Работа с фоном, 2 часть
Свойство background-size масштабирует фоновое изображение согласно заданным размерам. Может принимать следующие значения: Если установлено одно значение, оно задает ширину фона, второе значение принимается за auto. Пропорции картинки при этом сохраняются. Использование двух значений через пробел задает ширину и высоту фоновой картинки. Свойства background-clip и background-origin Свойства background-clip и background-origin очень похожи и задают принцип размещения фона или фоновой картинки относительно элемента: часть фона будет залазить под границу, фон не будет залазить под границу или фон будет размещаться только над содержимым элемента (то есть padding отодвинет фон)...
Background (часть 2)
Продолжаем говорить про свойство 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...