在網頁設計中，背景圖片是十分常見的元素之一，尤其在設計精美的網站中，背景圖片的運用往往能起到畫龍點睛的作用。

但是，一般而言，背景圖片和文本內容之間的關系并不是很緊密，而且背景圖片通常會鋪滿整個頁面，這樣就會導致文字內容無法清晰地呈現在用戶面前，影響用戶的體驗。

為了解決這個問題，我們可以使用 CSS 來讓背景居中顯示文字，讓文本內容更加清晰可見，提升用戶體驗。

body {
background-image: url('background.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
}
p {
color: #fff;
font-size: 26px;
padding-top: 20%;
}

上述代碼中，我們使用了background-position: center center;來讓背景圖片居中顯示，同時通過text-align: center;水平居中文字內容。

而通過設置padding-top: 20%;來垂直居中文字內容，這個數值可以根據實際情況進行調整。

通過運用上述 CSS 屬性，我們就能很方便地讓背景居中顯示文字，為用戶帶來更好的閱讀體驗。