如何转移与CSS背景图像(How to shift a background image with

我希望把一个边框具有背景图片的表。 边境工作正常，但是当我这样做（这是一个8像素境）的背景图像获取由边界切断。 我能够转移的背景图像开始加上了8px的权利和加上了8px下来？

Answer 1:

您可以使用背景位置：

background-position: 8px 8px;

Answer 2:

你也可以使用一些简短的手。
background: <colour> <image url> <repeat> <left> <top> <scroll>

为你我就会想是这样的：
background : transparent url(<location to img>) no-repeat 8px 8px scroll;

Answer 3:

而不是通过手动移位图像8px ，则应该只锚定图像以填充框（ 绿色下图）代替边界框（ 黄色 ）。 这样做将会把图像的左上角边框内，而不是它的后面。

background-origin: padding-box;

这将使维护更加容易，因为如果你改变了边框宽度它仍然可以工作，甚至。

您还可以设置背景的原点到内容框（ 蓝色 ）：

background-origin: content-box;

文档/简单的演示@ MDN

文章来源: How to shift a background image with css