Как в css сделать отступ бэграунда?

Для задания отступа бэграунда на определенное удаление от краев контейнера, в котором он отображается используется свойство элемента background-position

Как правило используется два значения: отступ от левого края по горизонтали и отступ по вертикали от верха контейнера. Прописываются значения через пробел с указанием единиц, на которые происходит отступ, в данном случае пиксели.

Если например нужно отобразить бэграунт с отступом в 20 пикселей от левого края, и в 10 от верха, то свойство прописываем так: background-position: 20px 10px;

Также можно использовать и отрицательные значения. Например, если нужно сдвинуть бэграунт на 15 пикселей влево и на 30 пикселей вверх, вид свойства будет таким: background-position: -15px -30px;

При условии указания ключевых слов для определения направления сдвига порядок следования свойств может быть произвольным, например так: background-position: top 10px; right 20px;