在網(wǎng)頁設(shè)計中，居中是一個非常重要的布局方式，使用 CSS 來設(shè)置 body 元素的居中是一個比較常見的需求，下面就來介紹一下如何實現(xiàn)這個功能。

首先，需要了解一下 body 元素的默認行為。在默認情況下，body 的寬度是占據(jù)整個瀏覽器窗口的，高度則是與其中包含的內(nèi)容高度相同，而且是挨著瀏覽器上、下邊界的。

為了讓 body 居中，我們需要先將其寬度改為固定值，并設(shè)置左右 margin 的值為 auto，這樣瀏覽器就會根據(jù)這個寬度來調(diào)整 body 的左右位置，從而實現(xiàn)居中的效果。下面是一段示例代碼：

body{
width: 960px;//固定寬度
margin: 0 auto;//左右margin為auto表示自動均分
}

以上代碼就可以實現(xiàn) body 的居中效果。需要注意的是，body 的父級元素必須是 html，否則無法實現(xiàn)居中，因為寬度是相對于父級元素來計算的。

總的來說，通過將 body 寬度改為固定值，并設(shè)置左右 margin 的值為 auto，就可以輕松實現(xiàn) body 的居中效果。如果需要更加復(fù)雜的布局，可以考慮使用 CSS Flexbox 或 Grid 布局來實現(xiàn)。