HTML中如何設置背景圖像的平鋪方式 在HTML中，我們可以很容易地通過以下方式來給網頁添加 background-image ： body { background-image: url('bg.jpg'); } 這里，我們在樣式表中設置了 body 的 background-image 屬性，將其指向了名為bg.jpg的圖像文件。不過，默認情況下，這個背景圖像是不會被平鋪的，也就是說，如果你的圖像尺寸與網頁尺寸不符的話，就會出現留白或圖像被裁剪的問題。 因此，我們需要通過CSS的background-repeat屬性來設置背景圖像的平鋪方式。當我們需要將背景圖像平鋪到整個頁面時，可以這樣做： body { background-image: url('bg.jpg'); background-repeat: repeat; } 這里，我們使用了 repeat 值，代表了平鋪方式，并將其賦給了 background-repeat 屬性。repeat 的作用是將背景圖像水平和垂直方向上分別平鋪到整個頁面上。這種方式可以靈活地適應多種尺寸和比例的網頁和圖像。 如果我們希望只讓背景圖像水平或垂直方向上平鋪，可以使用 repeat-x 或 repeat-y 的方式： body { background-image: url('bg.jpg'); background-repeat: repeat-x; } 在這個示例中，我們只將背景圖像沿水平方向平鋪，而垂直方向將按頁面高度來自適應。同樣地，我們也可以使用 repeat-y 來將背景圖像只在垂直方向上平鋪。 不過，如果我們希望背景圖像只在頁面上出現一次，并自動適應其尺寸和比例，可以使用 no-repeat 的方式： body { background-image: url('bg.jpg'); background-repeat: no-repeat; background-size: cover; } 這里，我們設置了 background-size 屬性，使用了 cover 的方式來適應背景圖像尺寸。這種方式會自動按比例縮放和裁剪背景圖像，以讓其剛好鋪滿整個頁面，并且只出現一遍。 總結 以上就是CSS中 background-repeat 屬性的三種可用值：repeat、repeat-x 以及 repeat-y。先使用這些方法來設置網頁背景圖像的平鋪方式。同時，也建議根據具體需求來使用其他相關的CSS屬性，例如 background-position 和 background-size 等，以更好地掌控背景圖像的顯示效果。