CSS是網頁設計中不可或缺的一部分，其中包括設置網頁布局。當我們想要將一個div設置到頁腳時，可以通過以下步驟使用CSS實現。

/*首先，創建一個div元素并給它一個唯一的類名*/
<div class="footer"></div>
/*接下來，在CSS中設置該類名的樣式*/
.footer {
position: fixed; /*使div固定在頁面底部*/
left: 0;
bottom: 0;
width: 100%; /*使div寬度與頁面相同*/
background-color: #333; /*添加背景顏色*/
color: #fff; /*設置文字顏色*/
text-align: center; /*讓文字居中*/
}
/*可以在div中添加一些內容*/
<div class="footer">
<p>Copyright ? 2021</p>
</div>

以上CSS代碼中，使用了position屬性將div固定到底部，并設置了left和bottom屬性來確定div所在位置。在設置寬度時，使用了百分比，使div寬度與頁面相同。在添加背景顏色和設置文字顏色時，使用了CSS中的顏色值。最后使用text-align屬性來讓文本居中對齊。