CSS3中的background屬性讓網頁設計變得更加靈活和多樣化。其中，使用URL參數可以將一個圖片作為背景顯示在元素中。下面我們來詳細了解一下CSS3中的background url屬性。

首先，讓我們看一下基本的background url代碼：

element {
background: url("image.jpg") center center no-repeat;
}

上面的代碼中，URL參數指定了要使用的圖片。在這個例子中，我們使用一個名為“image.jpg”（在同一目錄下）的圖片。接著，我們指定了圖片的位置，即將其放置在元素的中心。最后，我們禁止了圖片的重復，這意味著圖片不會在元素中重復出現。

background url屬性有許多其他的選項可以使用。例如，使用“size”參數可以將圖片縮放到合適的尺寸：

element {
background: url("image.jpg") center center / cover no-repeat;
}

上面的代碼中，我們使用“cover”選項，讓圖片充滿整個元素，并且保持比例不變。

除此之外，你還可以使用“position”參數指定圖片的精確位置，并使用“repeat”參數在元素中重復顯示圖片：

element {
background: url("image.jpg") 10px 20px repeat;
}

上面的代碼中，我們將圖片放置在元素的（10px，20px）位置，并重復顯示圖片。

最后，如果你有多張圖片，你可以使用逗號將不同的URL參數連接起來：

element {
background: url("image1.jpg"), url("image2.jpg"), url("image3.jpg");
}

上面的代碼中，我們使用了三張不同的圖片作為元素的背景，這些圖片將在元素中依次出現。

總之，background url屬性使得網頁設計更加多樣化和靈活化。使用這個屬性可以輕松添加背景圖片，并通過使用其他選項使圖片與元素更好地融合。