Css 如何仅为背景图像添加边距？

我想给背景图像添加一个边距，这样我就可以将它与屏幕中间隔开，但是在该类中添加边距会给整个主体添加一个边距

body.poppage {
    background: url(/Imagenes/tip3.png) 50% 200px no-repeat #E2E4E9;
}

---

我怎么做呢？谢谢

您可以使用该属性

您可能想尝试其他功能。。。例如将图像移动到下一个孩子。您可以在固定宽度的div周围创建一个包装div来完成此任务。

您不能向背景图像添加边距，因为它实际上不是一个元素。您可以尝试以下几点：

如果在主体内部有一个包含元素，则可以将背景图像应用于该元素并在其上设置边距

如果您只想使背景图像看起来在其容器内浮动，请设置其背景位置

---

使用容器填充为背景创建一种边距

<div class="thebox">
    <p>HEY!</p>
</div>

div.thebox
{
box-sizing: border-box;
width:400px;
height:400px;

border: 2px solid #000000;
padding: 10px;

background: url(http://studio-creator.com/blog/public/html5.jpg) center;
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
}

嘿

提箱
{
框大小：边框框；
宽度：400px；
高度：400px；
边框：2倍实心#000000；
填充：10px；
背景：url(http://studio-creator.com/blog/public/html5.jpg)中心；
背景尺寸：包含；
背景重复：无重复；
背景来源：内容框；
}

---

与我一起工作我有50px的导航条

background-size: contain !important;
background-repeat: no-repeat !important;
background-position: 0 50px !important;

您可以使用此选项添加边距（某种）

background-position-y

对于y轴（边距-y）和

对于x轴（边距-x）

如果你用它来做实验，要小心

---

我的instagram

@deanpi\ucode>或
@alfarisi.milham
但是背景位置必须从屏幕右侧的左侧或右侧计算像素数？没有办法从中间开始计数？创建一个具有此背景的容器，并将其放在页面的中心非常好的示例
背景原点
用法！可能值得添加一个解释，解释为什么它会出现（相对于内容，而不是默认的填充边），这太棒了，我不知道“背景来源：内容框；”。非常感谢。
background-position-x