css3背景与图片之间间隔

CSS3在设计网页背景和图片时，给了我们更多的样式选择，同时也允许我们通过一些属性定制背景和图片之间的间距。

{
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px;
}

在上面的代码中，我们使用了background属性来设置背景图片，padding属性来定义背景和内容之间的间距。这个方法会让元素的背景图片和内部内容相互分隔一些距离，增加可读性和美观度。

如果需要单独设置图片和背景的间距，我们可以使用background-position、background-clip和background-origin属性。例如：

{
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px;
    background-position: 0 10px;
    background-clip: padding-Box;
    background-origin: border-Box;
}

在这段代码中，我们使背景图片距离元素顶部10像素，同时使用了background-clip和background-origin属性来定义背景图片的展示区域。

当然，还有其他属性可以使用来调整背景和图片之间的距离，例如background-origin、background-size和margin等，具体要根据实际需求来选择使用。