CSS圖片屬性有很多設置方法，接下來就為大家介紹幾種常用的設置方式。 首先，我們需要明確一點，那就是圖片屬性在CSS中是以“background”為前綴的。接下來，我們會詳細介紹如何設置不同的圖片屬性。 1. background-image background-image屬性用于設置元素的背景圖片。該屬性的值可以是一個URL地址，也可以是一個線性漸變（linear-gradient）或徑向漸變（radial-gradient）等形式。 以下是background-image屬性的設置范例： ```HTML

這是一個帶有背景圖片的段落。

``` ```CSS p { background-image: url(../image/bg.jpg); } ``` 2. background-repeat background-repeat屬性用于設置背景圖片的重復方式。默認情況下，背景圖片會在x軸和y軸方向上平鋪，但如果需要設置圖片不重復或在一定方向上重復，那么就需要使用background-repeat屬性。 以下是background-repeat屬性的設置范例： ```HTML

這是一個不重復的背景圖片。

``` ```CSS p { background-image: url(../image/bg.jpg); background-repeat: no-repeat; } ``` 3. background-position background-position屬性用于設置背景圖片的位置。默認情況下，背景圖片會從元素左上角開始平鋪，但如果需要設置圖片位置，那么就需要使用background-position屬性。 以下是background-position屬性的設置范例： ```HTML

這是一個居中位置的背景圖片。

``` ```CSS p { background-image: url(../image/bg.jpg); background-position: center; } ``` 4. background-size background-size屬性用于設置背景圖片的大小。默認情況下，背景圖片會按照元素尺寸自適應縮放，但如果需要設置圖片大小，那么就需要使用background-size屬性。 以下是background-size屬性的設置范例： ```HTML

這是一個按比例縮放的背景圖片。

``` ```CSS p { background-image: url(../image/bg.jpg); background-size: cover; } ``` 以上是常見的CSS圖片屬性設置方式，通過對這些屬性及其參數的了解，可以讓我們更加便捷地進行頁面設計。