在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屬性，我們可以輕松實現各種不同的圖案背景效果，讓網頁設計更加豐富多彩。