CSS中有一個屬性叫做“background-repeat”,可以用來設置圖片的平鋪方式。該屬性的值可以是“repeat”、“repeat-x”、“repeat-y”以及“no-repeat”。
如果將“background-repeat”的值設置為“repeat”,則圖片會以水平和垂直方向都平鋪;如果值為“repeat-x”,則只在水平方向平鋪;如果值為“repeat-y”,則只在垂直方向平鋪。
例如,要將一張圖片水平平鋪設置為:
```css
background-repeat: repeat-x;
```
而如果要將一張圖片垂直平鋪,則可設置為:
```css
background-repeat: repeat-y;
```
如果想要圖片不平鋪,可以將值設置為“no-repeat”。
```css
background-repeat: no-repeat;
```
另外,還可以使用“background-size”屬性來控制背景圖片的大小。該屬性接受多種值,包括像素、百分比、關鍵字等。
例如,要將一張背景圖片設置為占滿整個元素,可以設置為:
```css
background-size: cover;
```
如果要將圖片按比例縮放到指定大小內,可以使用“contain”:
```css
background-size: contain;
```
綜上所述,設置圖片的平鋪方式可以使用“background-repeat”屬性,而控制圖片大小則可以使用“background-size”屬性。
下一篇css如何設置區塊位置