background-position

У якості значення можна використовувати абсолютні (px) чи відносні (%) одиниці, і навіть ключові слова (top, bottom, right, left, center). За замовчуванням задане значення left для x і top для y, тобто фон позиціонується відносно верхнього лівого кута елемента.

/* Поставить фонове зображення по центру */
background-position: 50% 50%;

/* Поставить фонове зображення 100px від лівого краю та 200px від верху */
background-position: 100px 200px;

/* Поставить фонове зображення у нижній правий кут */
background-position: right bottom;

/* Поставить фонове зображення у верхній лівий кут */
background-position: left top;

Щоб не прив'язуватися до розмірів елемента та не задавати позицію фону жорстко, можна використовувати синтаксис позиції зі зміщенням.

backrgound-position: right 30px bottom 20px;