Я хочу добавить маржу к фоновому изображению, чтобы я дистанцировал ее от середины экрана, но добавляя ее внутри этого класса, добавляет маржу ко всему телу.
body.poppage {
background: url(/Imagenes/tip3.png) 50% 200px no-repeat #E2E4E9;
}
Как я мог это сделать? Благодаря
вы можете использовать свойство background-position
Используйте заполнение контейнеров, чтобы сделать вид поля для фона.
<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;
}
Возможно, вы захотите попробовать что-то еще... например, перемещение изображения на следующий ребенок. Вы можете сделать обертку div вокруг вашего div с фиксированной шириной, чтобы выполнить эту задачу.
Вы не можете добавлять поля к фоновому изображению, так как это не элемент. Пара вещей, которые вы можете попробовать:
Если у вас есть содержащий элемент только внутри тела, вы можете применить фоновое изображение к этому элементу и установить на нем поля.
Если вы хотите, чтобы фоновое изображение отображалось в его контейнере, установите его фоновое положение.