CSS布局在網頁設計中扮演著至關重要的角色，其中底部布局尤為重要。底部布局可以使網頁更加美觀、規整，也可以提高用戶的體驗。那么，如何通過CSS實現底部布局呢？

.footer {
position: fixed;
bottom: 0;
width: 100%;
height: 100px;
background-color: #333;
color: #fff;
text-align: center;
}

以上是一段簡單的CSS代碼，實現了底部布局。其中，position: fixed;使得元素位置不隨頁面滾動而改變，bottom: 0;讓元素緊貼著頁面底部，width: 100%;使寬度占滿整個頁面，height: 100px;設置高度為100像素，background-color: #333;設置元素背景顏色為深灰色，color: #fff;設置字體顏色為白色，text-align: center;讓文本居中顯示。

通過上述CSS代碼，我們可以非常簡單地實現一個底部布局，再結合合適的HTML代碼，就可以創建一個美觀規整的網頁了。