center background-position

Question

How can I center a background?

Answer 1

background-position:center;

Answer 2

You can also use percentages, so

background-position: 50% 0;

would centre the background horizontally. The beauty of percentages is they offers greater flexibility than keywords. You can position a background a quarter of the way across the screen with,

background-position: 25% 0;

and a quarter of the way across and 3 quarters of the way down with,

background-position: 25% 75%;