CSS控制圖片不重復(fù)的方法

在CSS中，我們可以使用background-repeat屬性來(lái)控制圖片是否重復(fù)，該屬性可以設(shè)置為repeat（默認(rèn)值，圖片會(huì)沿著水平和垂直方向重復(fù)）、repeat-x（圖片只沿著水平方向重復(fù)）、repeat-y（圖片只沿著垂直方向重復(fù)）或no-repeat（圖片不會(huì)重復(fù)）。

如果我們有一張背景圖片，并且不希望它重復(fù)，我們可以這樣設(shè)置：

body {
  background-image: url('path/to/image.jpg');
  background-repeat: no-repeat;
}

這樣，背景圖片就不會(huì)重復(fù)了，需要注意的是，如果圖片本身尺寸較小，不重復(fù)可能會(huì)使得頁(yè)面看起來(lái)比較單調(diào)，在實(shí)際應(yīng)用中，我們需要根據(jù)具體情況來(lái)選擇是否使用圖片重復(fù)。