这将导致背景图像仅在水平方向上平铺，从而创建水平条纹效果。石家庄人才网小编提示，垂直方向将只显示一次背景图像。

示例 3：不平铺背景图像

body {  background-image: url("bg.png");  background-repeat: no-repeat;}

这将导致背景图像只显示一次，并且不会平铺。背景图像将位于元素的左上角。

示例 4：使用 round 值平铺背景图像

body {  background-image: url("bg.png");  background-repeat: round;}

这将导致背景图像在水平和垂直方向上平铺，并在必要时缩放图像以避免裁剪。如果背景图像小于元素区域，则图像将被放大；如果背景图像大于元素区域，则图像将被缩小。

示例 5：使用 space 值平铺背景图像

body {  background-image: url("bg.png");  background-repeat: space;}

这将导致背景图像在水平和垂直方向上平铺，并在图像之间添加空格以避免裁剪。与 round 不同，space 不会缩放图像。石家庄人才网小编认为，如果背景图像大于元素区域，则图像之间将存在空格。

希望这些示例能帮助您理解如何使用 background-repeat 属性来控制背景图像的平铺方式。

有关《background-repeat 属性怎么用》的内容介绍到这里，想要了解更多相关内容记得收藏关注本站。