CSS3的出現為我們打造網頁提供了更多的選擇。其中，底部居中是常見的一種頁面效果，通常用于讓網頁底部內容在頁面中垂直居中顯示。下面我們就來介紹一下如何通過CSS3實現這種效果。

.footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}

如上所示，在底部的容器中，我們首先使用position:absolute來設定該容器的位置。然后利用bottom:0設置底部位置，以達到底部對齊的目的。接著，使用left:0和right:0將該容器的寬度固定為父級容器的寬度。接下來，margin:auto;的作用是對齊容器使其水平居中。

接下來，利用display:flex;的設置，實現子元素的垂直居中。使用justify-content:center;來實現子元素的水平居中，使用align-items:center;來實現子元素的垂直居中。

通過以上的設置，我們就能夠實現一個底部居中的效果。CSS3的出現讓我們能夠更加自由地打造出自己想要的網頁效果，希望本文對你有所幫助。