CSS3的background-image屬性是網頁設計中常用的一種樣式屬性，可以設置指定元素背景中的一個圖像或漸變顏色。下面我們來詳細了解一下它的使用。

background-image: url("imageurl.jpg");

在使用CSS3的background-image屬性時，需要設置該元素的背景圖像文件名或路徑。通過url()函數設置背景圖像URL的路徑，多個圖片路徑之間用逗號隔開。

background-color: #fff;
background-image: linear-gradient(#fff, #000);

另外，CSS3的background-image屬性還可以設置圖像為漸變效果，這個功能在網頁設計中很常用。通過設置linear-gradient()函數，我們可以根據起點和終點的顏色關系來進行漸變。

background-repeat: no-repeat;

CSS3的background-repeat屬性可以設置背景圖像是否重復，如果不需要重復背景圖片，需要設置為no-repeat。

background-size: cover;

background-size屬性是用來調整背景圖像大小的，其中的值可以為cover、contain、auto、1px等。cover值表示圖像盡量鋪滿元素的背景區域，并保持圖片寬高比例，以確保圖像面積最大化。

除了上述四個常用的屬性之外，CSS3的background-image還可以設置圖像的位置、圖像的混合模式等。這些屬性的靈活使用可以讓網頁設計更有個性，更吸引人。