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

Question

我想为背景图像添加一个边距,以便我将它与屏幕中间距离,但是在该类中添加它会为整个身体添加边距.

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

我怎么能这样做？谢谢

Answer 1

你可以使用background-position属性

Answer 2

使用容器填充为背景留出某种余量。

<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;
}

https://jsfiddle.net/gann1pwm/

Answer 3

这和我一起工作我有 50px 导航栏

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