How to padding between images in background: repeat using CSS

Question

I want to create a background with repeated image using CSS

background:  url(../images/bg.PNG) repeat;

The problem is that the images are very close to each other, how can I add a padding for every image?

Answer 1

html {
  background: white;
}

body {
  width: 639px;
  height: 280px;
  background: url(//www.gravatar.com/avatar/cbfaff96665b7567defe1b34a883db8b?s=64&d=identicon&r=PG) silver;
  background-repeat: space;
  border: 1px dotted red;
  margin: auto;
}