在CSS中，我们可以通过background属性来设置一个元素的背景样式。其中，我们可以通过background-repeat属性来控制背景图案的平铺方式。一般情况下，背景图案会默认以水平和垂直两个方向都平铺，形成一个连续的图案背景。但是有时候我们也可以根据实际需求，只让图案在水平或垂直方向上进行平铺，或者干脆不进行平铺。background-repeat属性可以接受四个值：repeat、repeat-x、repeat-y和no-repeat。其中，repeat是默认值，表示图案在水平和垂直两个方向上都进行平铺；repeat-x表示图案只在水平方向上进行平铺；repeat-y表示图案只在垂直方向上进行平铺；no-repeat表示图案不进行平铺，只在元素的左上角显示一次。下面是一些background-repeat属性演示实例的代码：

/* 默认情况下，背景图案在水平和垂直两个方向上都进行平铺 */p.example1 {background-image: url("bg-pattern.png");background-repeat: repeat;}/* 只在水平方向上进行平铺 */p.example2 {background-image: url("bg-pattern.png");background-repeat: repeat-x;}/* 只在垂直方向上进行平铺 */p.example3 {background-image: url("bg-pattern.png");background-repeat: repeat-y;}/* 不进行平铺，只在左上角显示一次 */p.example4 {background-image: url("bg-pattern.png");background-repeat: no-repeat;}

通过灵活运用background-repeat属性，我们可以轻松实现各种不同的图案背景效果，让网页设计更加丰富多彩。