HTML5背景圖居中是一個非常常見的需求，下面將介紹一些代碼實例來實現這個功能。 首先，讓我們來看一個基本的HTML結構。我們需要一個div來容納我們的內容，并設置一個背景圖。

<div class="container">
<p>這是一個居中的背景圖</p>
</div>

接下來，我們需要添加樣式來設置背景圖的位置。我們可以使用CSS中的background-position屬性來實現它。

.container {
background-image: url("path/to/image.jpg");
background-position: center center;
background-size: cover;
}

在上面的代碼中，我們將背景圖路徑指定為image.jpg。然后，我們將背景位置設置為center center來使圖像在容器中居中。最后，我們將背景大小設置為cover，這樣圖像將完全覆蓋容器。 在這個例子中，我們利用了CSS中的background-position屬性來水平和垂直居中背景圖。這個屬性將允許我們指定具體的x和y坐標，也可以使用關鍵字來描述位置，例如center center。 這是HTML5背景圖居中代碼的例子。希望這可以幫助你理解如何使用CSS實現背景圖居中功能。