如何爲背景圖片添加邊距？

我想爲背景圖像添加一個邊距，以便將其與屏幕中間的距離保持一致，但在該類中添加邊距會爲整個主體添加邊距。如何爲背景圖片添加邊距？

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

如何爲背景圖片添加邊距？

回答

相關問題