CSS底部制作是網頁設計中的一個重要環節。通過巧妙的調整，可以使整個網頁看上去更加美觀、協調。底部制作可以通過多種方式實現，比如采用相對定位實現固定底部，或者采用絕對定位實現背景覆蓋等方法。下面我們以相對定位實現固定底部為例，來進行底部制作的講解。

/* CSS代碼示例 */
.footer{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100px;
background-color: #f5f5f5;
}

代碼中，我們定義了一個.footer類樣式，它具有絕對定位和固定底部的效果。其中，left、bottom均采用0值，width屬性采用100%的值，這是為了使底部樣式鋪滿整個網頁。同時，我們還設置了一個高度為100像素的背景色，讓整個底部看上去更加突出。

<div class="footer">
<div class="container">
<p>Copyright ? 2021
<a href="#">Your Website</a>'
, All rights reserved </p>
</div>
</div>

除了CSS代碼之外，我們還需要在HTML中添加底部的結構。在這個例子中，我們使用了一個帶有.container類樣式的div來放置底部內容，其中，我們添加了一個版權信息和一個鏈接。通過簡單的HTML代碼布局，我們成功實現了一個簡潔美觀的網頁底部。