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

我想为背景图像添加一个边距，以便将其与屏幕中间的距离保持一致，但在该类中添加边距会为整个主体添加边距。如何为背景图片添加边距？

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

我该怎么办呢？由于

来源

2011-01-14 lisovaccaro

可以使用background-position财产

来源

2011-01-14 17:51:21 shankhan

但后台位置从屏幕右向左或向右一定对像素进行计数？没有办法从中间开始计数？ – lisovaccaro 2011-01-14 17:53:18

创建一个具有此背景的容器，并将其居中放置在页面上 – fiiv 2011-01-14 17:57:29

你可能想尝试别的东西......就像图像移动到下一个孩子。您可以在固定宽度div上制作一个包装div来完成此任务。

来源

2011-01-14 17:54:41 Wazzzy

因为它实际上不是一个元素，所以你不能真的为背景图像添加边距。你可能会尝试几件事：

如果你在body内部有一个包含元素，你可以将背景图像应用到这个元素并设置边距。
如果您只想让背景图像在其容器内浮动，请设置其背景位置。

来源

2011-01-14 17:55:23 parisminton

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

<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/

来源

2015-08-02 22:44:00

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

回答

相关问题