该属性用于设置背景图片的显示分布，需要配合background-image属性一起使用。
<!-- 默认状态下的 background-image 显示的图片是重复的，直到图片填满整个容器的大小 -->
<div style="width:500px;height:200px; background-image: url('https://www.jmjc.tech/public/home/img/flower.png')"></div>显示效果
background-repeat相关的一些属性值。
| 属性 | 含义 |
|---|---|
| repeat | 重复背景图片 |
| repeat-x | 水平重复 |
| repeat-y | 垂直重复 |
| no-repeat | 取消重复 |