把背景移到中間是一種常見的網頁布局技巧，可以使用 CSS 中的絕對定位和移動屬性來實現。下面是一個將背景移到網頁中央的示例代碼：
HTML 代碼：
<div class="container">
<div class="header">
<h1>百度百科</h1>
</div>
<div class="content">
<p>歡迎來到百度百科。這里是有關百科知識的詳細介紹。</p>
<p>百度百科是一個知識分享平臺，收集了超過2000萬的中文百科知識，用戶可自由編輯和分享。</p>
</div>
</div>
CSS 代碼：
.container {
position: relative;
width: 300px;
height: 300px;
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 300px;
在這個示例中，我們使用了 `.container` 元素作為容器，并給它添加了一個 `position: relative` 屬性，使其能夠水平居中。我們還為 `.header` 元素添加了一個 `position: absolute` 屬性，使其位于容器的頂部，并將寬度和高度設置為 100%。`.header` 元素的背景顏色是深灰色，用來強調它的存在。
接下來，我們為 `.content` 元素添加了一個 `position: absolute` 屬性，并將其位于 `.container` 元素的左側，同時將寬度和高度設置為 100%。`.content` 元素的寬度和高度被移動到了 `.container` 元素的一半，使其居中。
最后，我們使用 `transform` 屬性將 `.content` 元素向上移動 50% 并向左移動 50%，從而實現背景移到中間的效果。
通過使用這些 CSS 屬性，我們可以輕松地將背景移到網頁中央，使頁面更加美觀和易于使用。