CSS中有一个非常有用的属性可以让我们设置背景图像重复显示的方式，那就是background-repeat属性。
background-repeat: repeat-x;
以上的代码意义是，让背景图像在水平方向上重复显示，而在垂直方向上不做重复处理。除了repeat-x外，background-repeat还有以下值：
background-repeat: repeat-y; /* 在垂直方向上重复显示，水平方向不做处理 */
background-repeat: no-repeat; /* 不做重复处理 */
background-repeat: repeat; /* 在水平和垂直方向上重复显示 */
需要注意的是，当我们设置背景图像的时候，背景图像本身是有大小的。所以当我们不对背景图像大小做设置的时候，它默认会以实际大小显示，也就是说大多数情况下，我们需要把这个值设置成repeat。
background-repeat: repeat;
如果我们对图像进行了缩放或者是裁剪等处理，就可以考虑使用其他的属性值来达到想要的效果。
总结一下，使用CSS的background-repeat属性可以很方便地设置图像的重复方式，可以让我们的页面更加美观。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
