有没有办法在 HTML/CSS 中为背景图像留出边距？

Question

我需要将截取的背景图片添加到我的 html 文件中。所以在添加背景图像时，我真的找不到增加边距的方法。请帮忙。 CSS 有办法做到这一点吗？示例：

body {
 background-image: url("paper.gif");
 background-color: #cccccc;
}

Answer 1

使用 background-position 属性。

body{
  background:url(https://www.gravatar.com/avatar/0fdacb141bca7fa57c392b5f03872176?s=48&d=identicon&r=PG&f=1);
  background-color:#cccccc;
  background-repeat:no-repeat;
  background-position:10px 10px;
}

background-position:10px 10px;
                    ^1st ^2nd

第一个值等于margin-left，而第二个值等于margin-top。

有没有办法在 HTML/CSS 中为背景图像留出边距？

Is there a way to give margin to a background-image in HTML/CSS?

html

css

background-image