css中怎么取消图片间隔

在CSS中，我们经常使用background-image属性给网页添加背景图片，但往往会产生图片间隔的问题，看起来不太美观。
那么，我们该如何取消图片间隔呢？
可以通过CSS的background-repeat属性来控制图片的重复方式。下面是几种常见的取消图片间隔的方法：
1.设置背景图片不重复
如果我们的背景图片不是很大，就可以使用background-repeat属性将图片的重复方式设置成no-repeat，就可以取消图片的间隔了。示例如下：
pre {
background-image: url(image.jpg);
background-repeat: no-repeat;
}
2.设置背景图片平铺
如果背景图片比较大，但是我们还是希望图片不出现间隔，可以将背景图片扩展平铺。使用background-size属性将背景图片设置为100% width和height，即可让图片不出现间隔。
pre {
background-image: url(image.jpg);
background-repeat: repeat;
background-size: 100% 100%;
}
3.使用CSS3的background-origin属性
CSS3提供了background-origin属性，它可以定义背景图片的起点。如果我们将background-origin设置为border-box，则背景图片会从边框开始平铺，从而取消了图片的间隔。示例如下：
pre {
background-image: url(image.jpg);
background-repeat: repeat;
background-origin: border-box;
}
总结
以上就是几种常见的取消图片间隔的方法，大家可以根据自己的需要来选择。希望本篇文章可以对你有所帮助。