CSS 腳部居中是網頁設計中一個重要的問題。當網頁內容填滿整個頁面時，常常需要將腳部內容放在頁面底部，且使其居中，以達到美觀的效果。

實現 CSS 腳部居中需要使用 HTML 和 CSS。首先，我們需要在 HTML 中創建一個腳部元素。這可以是一個 footer 標簽、一個 div 標簽或任何其他元素。其次，我們需要使用 CSS 為腳部元素設置樣式。

footer {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}

上述代碼中，我們將 footer 元素設置為絕對定位并將其放置在頁面底部。我們還使用 text-align 屬性將腳部內容居中。

一些網站設計必須要有固定的頁面高度，比如全屏背景圖居中展示。在這種情況下，我們可以使用以下 CSS 屬性來實現固定高度的腳部居中：

html {
height: 100%;
}
body {
height: 100%;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}
footer {
text-align: center;
}

上述代碼中，我們使用了 display: flex 和 flex-direction: column 將 body 元素設置為垂直方向的 flexbox。我們還使用 flex: 1 將 main 元素設置為 flexbox 中唯一的一個可伸縮項目，這將導致 footer 元素被推到頁面底部。最后，我們再次使用 text-align 屬性將腳部內容居中。

總之，實現 CSS 腳部居中需要熟悉 HTML 和 CSS 的基礎知識，并掌握一些常見的技巧和方法。希望這篇文章能夠幫助您更好地理解和應用這些技術。