Search code examples
cssbackground-image

How to shift a background image with css

I wanted to put a border around a table which has a background image. The border works fine, but when I do this (it is an 8px border) the background image gets cut off by the border. Am I able to shift the background image to start 8px to the right and 8px down?

Solution

  • You can use the background-position:

    background-position: 8px 8px;

    More on that: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position