html - 有没有办法在 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。