CSS背景的平鋪方式 CSS（層疊樣式表）是一種樣式語言，主要用于編寫網頁的外觀和布局。在CSS中，對于網頁背景的設置，可以使用background屬性來實現。其中，background-image屬性用于設置背景圖像，而background-repeat屬性則用于控制背景圖像的平鋪方式。 在CSS中，有以下幾種背景平鋪方式： 1. repeat repeat是默認的背景平鋪方式，它會在水平和垂直方向上分別平鋪背景圖像，直到填滿整個元素。如果背景圖像不足以填滿元素，則會在水平和垂直方向上重復背景圖像。 例如，以下代碼將設置背景圖像為flower.jpg，并將其在水平和垂直方向上平鋪開來： pre{ background-image: url("flower.jpg"); background-repeat: repeat; } 2. repeat-x repeat-x是指在水平方向上平鋪背景圖像，直到填滿整個元素，而在垂直方向上不進行平鋪。如果背景圖像不足以填滿元素，則會在水平方向上重復背景圖像。 例如，以下代碼將設置背景圖像為flower.jpg，并將其在水平方向上平鋪開來： pre{ background-image: url("flower.jpg"); background-repeat: repeat-x; } 3. repeat-y repeat-y是指在垂直方向上平鋪背景圖像，直到填滿整個元素，而在水平方向上不進行平鋪。如果背景圖像不足以填滿元素，則會在垂直方向上重復背景圖像。 例如，以下代碼將設置背景圖像為flower.jpg，并將其在垂直方向上平鋪開來： pre{ background-image: url("flower.jpg"); background-repeat: repeat-y; } 4. no-repeat no-repeat是指不進行背景圖像的平鋪，僅在元素的左上角顯示整個背景圖像。如果元素比背景圖像大，則會在元素的左上角顯示背景圖像，并在其它部分留白。 例如，以下代碼將設置背景圖像為flower.jpg，并在元素的左上角顯示整個背景圖像： pre{ background-image: url("flower.jpg"); background-repeat: no-repeat; } 總結 以上就是CSS中背景平鋪的四種方式，分別是repeat、repeat-x、repeat-y和no-repeat。通過控制background-repeat屬性，可以實現不同的背景平鋪效果，從而為網頁的視覺效果增加層次感和美觀感。