background-repeat属性值（了解background-repeat属性值）
了解background-repeat属性值
什么是background-repeat属性？
在网页的设计中，我们经常使用背景图片来美化页面，而css中的background属性就是用来设置背景图片的。background-repeat属性是background属性的一个子属性，用来指定背景图片在元素中如何重复显示。
background-repeat属性值
background-repeat有五种取值：
- repeat（默认值）：背景图片横向和纵向都重复显示
- repeat-x：背景图片只横向重复显示
- repeat-y：背景图片只纵向重复显示
- no-repeat：背景图片不重复显示
- round：根据元素的宽度和高度自动调整背景图片的大小，从而实现平铺显示，如果拉伸图片会出现锯齿状变形
- space：根据元素的宽度和高度自动调整背景图片的大小，从而实现平铺显示，但是会在图片之间留有空白间隔
如何使用background-repeat属性？
使用background-repeat属性非常简单，只需要在元素的css样式中设置即可，例如下面的代码：
这段代码将会使得一个div元素的背景图片（example.jpg）只在横向进行重复显示。
实际应用中，我们可以用background-repeat属性来实现各种各样的背景效果，为页面增添美观的同时也更加灵活。
总结
background-repeat属性是css中用来设置背景图片重复方式的一个属性，有五种取值可供选择。在网页设计中，合理运用background-repeat属性可以实现多彩的背景效果，为页面增色不少。