在CSS中，背景圖片是非常常見的元素。而有時候，我們需要將背景圖片居中顯示在頁面的正中央，這就需要使用一些技巧了。 首先，我們需要將圖片作為網頁的背景，可以通過以下代碼來實現：

body {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: cover;
}

這里，我們設置了body元素的背景圖片為image.jpg，并將重復和背景大小都設置為了no-repeat和cover。 但是，這樣設置后，圖片可能會被顯示在頁面的左上角，而不是居中。為了解決這個問題，我們可以使用CSS3的flexbox屬性。 首先，我們需要將body元素設置為flex容器，可以使用以下代碼：

body {
display: flex;
justify-content: center;
align-items: center;
}

這里，我們將display屬性設置為flex，讓body元素成為了一個flex容器。然后，通過justify-content和align-items屬性，我們將容器內的內容在水平和垂直方向上都居中顯示。 接下來，我們需要將網頁的內容放在一個容器里，以便控制其位置和大小。可以使用以下代碼：

這是網頁的內容。

這里，我們使用了一個div元素，并給它設置了一個類名container。然后，在container里面放置了一個段落元素p。 最后，我們需要為container設置一些樣式，使其居中顯示在網頁中間。可以使用以下代碼：

.container {
width: 80%;
height: 80%;
background-color: rgba(255,255,255,0.8);
display: flex;
justify-content: center;
align-items: center;
}

這里，我們將容器的寬度和高度設置為80%，并將背景顏色設置為半透明白色。然后再次使用了flexbox屬性，將容器的內容在水平和垂直方向上都居中顯示。 通過這些設置，我們就可以將背景圖片居中顯示在網頁正中央了。更多關于CSS的使用技巧，可以在W3Schools或MDN上查看。