在Web設計中，使用圖片作為背景是一種常見的設計方式。在CSS中，我們可以通過代碼來插入圖片并設置其作為背景。但是，如果圖片不居中，會影響整體的美觀度。那么，如何在CSS中插入圖片背景并使其居中呢？

/* 使用CSS插入圖片，并設置其作為背景 */
background-image: url('圖片的URL地址');
/* 使圖片背景居中 */
background-position: center center;
/* 設置圖片背景的尺寸 */
background-size: cover;

上述代碼就是使用CSS插入圖片背景并使其居中的基本方法。其中，background-image用于插入圖片的URL地址，background-position: center center;用于設置圖片居中，而background-size: cover;用于設置圖片鋪滿整個背景。

下面我們來看具體的示例：

/* HTML代碼 */
<div class="bg">
<p>這是背景圖片</p>
</div>
/* CSS代碼 */
.bg {
background-image: url('https://picsum.photos/1200/800');
background-position: center center;
background-size: cover;
width: 100%;
height: 500px;
}

在上面的例子中，我們用一個div元素包裹了一段文字，并設置了背景圖片。通過設置background-position: center center;讓背景圖片居中，而通過background-size: cover;讓背景圖片覆蓋整個背景。

總體來說，在CSS中使用圖片作為背景是非常方便和實用的。通過以上的方法，我們可以輕松地插入圖片并居中，從而為網頁增添美觀度。但需要注意的是，不同的背景圖片尺寸和比例會影響最終效果，因此需要針對每一張圖片進行具體的調整。