在CSS中，我們可以通過設(shè)置background-repeat屬性來使圖片不重復(fù)，這個屬性用于控制背景圖片是否重復(fù)以及如何重復(fù)。

圖片不重復(fù)的設(shè)置方法

1、使用no-repeat值：

將background-repeat屬性設(shè)置為no-repeat，這樣背景圖片就不會重復(fù)。

```css

body {

background-image: url('path/to/image.png');

background-repeat: no-repeat;

}

```

2、使用repeat值：

如果你想讓圖片在水平或垂直方向上重復(fù)，可以使用repeat-x或repeat-y。

```css

body {

background-image: url('path/to/image.png');

background-repeat: repeat-x; /* 圖片會在水平方向上重復(fù) */

}

```

```css

body {

background-image: url('path/to/image.png');

background-repeat: repeat-y; /* 圖片會在垂直方向上重復(fù) */

}

```

3、使用round值：

如果你想讓圖片在水平和垂直方向上都重復(fù)，并且希望重復(fù)的次數(shù)能夠自動調(diào)整以適應(yīng)屏幕大小，可以使用round值。

```css

body {

background-image: url('path/to/image.png');

background-repeat: round; /* 圖片會在水平和垂直方向上重復(fù)，次數(shù)自動調(diào)整 */

}

```

圖片重復(fù)的設(shè)置方法

如果你希望圖片能夠按照一定的模式重復(fù)，可以使用以下值：

repeat：圖片會在水平和垂直方向上都重復(fù)。

repeat-x：圖片會在水平方向上重復(fù)。

repeat-y：圖片會在垂直方向上重復(fù)。

示例代碼

下面是一個示例CSS代碼，展示了如何設(shè)置背景圖片不重復(fù)：

body {
  background-image: url('path/to/image.png');
  background-repeat: no-repeat; /* 圖片不會重復(fù) */
}

如果你希望圖片在特定方向上重復(fù)，可以使用相應(yīng)的repeat-x或repeat-y值，希望這些示例對你有幫助！