CSS3中有一種很有用的技術，那就是用圖片來填充元素。我們可以用CSS3來輕松地設置元素的背景，并且可以控制背景圖片的尺寸、位置、重復等，下面我們來看一下具體的實現方法。

.box{
background-image: url("bg.jpg"); /*設置背景圖片*/
background-size: cover; /*將圖片擴大或縮小，以完全覆蓋box*/
background-position: center center;  /*將圖片定位在box的正中心*/
background-repeat: no-repeat; /*防止圖片重復，可選值還有repeat-x、repeat-y*/
}

在上面的代碼中，我們首先定義了一個類名為box的元素，然后用background-image屬性來設置元素的背景圖片，接著用background-size屬性來控制圖片的尺寸。在這個例子中，我們用了cover來將圖片擴大或縮小，以完全覆蓋元素。如果我們將這個屬性設置為contain，那么圖片將在元素內居中顯示，并保持原始比例。

接下來，我們用background-position屬性來控制圖片的位置，正中心的寫法是center center。最后，我們用background-repeat屬性來控制圖片是否重復。我們把它設置為no-repeat，這樣圖片就不會重復出現了。

在使用圖片填充元素的時候，我們還可以使用其他的一些屬性，比如background-origin、background-clip等，它們可以讓我們更加精確地控制圖片的位置與大小。不過如果你只是想快速地設置一個元素的背景并填充圖片，那么上面的代碼已經足夠了。