CSS是網頁設計中非常重要的一項技術，它可以讓我們控制頁面的樣式和布局。其中，背景圖作為一個重要的元素，如何使其居中顯示也是我們需要關注的問題。

下面我們來介紹一下幾種方法：

1. 使用background-position屬性

代碼示例：
background-image: url("圖片地址");
background-position: center center;
background-repeat: no-repeat;

在這個示例中，我們使用了background-position屬性來控制圖片的位置。在圖片不重復的情況下，其中第一個center表示水平居中，第二個center表示垂直居中。

2. 使用flexbox布局

代碼示例：
.container {
display: flex;
justify-content: center;
align-items: center;
background-image: url("圖片地址");
background-repeat: no-repeat;
}

在這個示例中，我們通過使用flexbox布局來控制圖片的位置。其中，justify-content屬性控制水平方向的位置，align-items屬性控制垂直方向的位置。

3. 使用transform屬性

代碼示例：
.container {
background-image: url("圖片地址");
background-repeat: no-repeat;
transform: translate(-50%, -50%);
position: relative;
top: 50%;
left: 50%;
}

在這個示例中，我們通過使用transform屬性來控制圖片的位置。translate(-50%, -50%) 表示將圖片向左上角移動，使其居中。position、top和left屬性用來使圖片相對于父元素上下左右居中。

以上就是幾種讓背景圖居中顯示的方法，可以根據實際的需求選擇合適的方法，達到最佳效果。