頁腳在網頁設計中常常被忽略，但它對于網站的整體視覺效果和用戶體驗有著重要的作用。通過CSS樣式表，我們可以輕松地控制頁腳的樣式。下面，我們來學習一下如何使用CSS控制頁腳的樣式。 首先，我們需要為頁腳元素添加樣式。

footer {
background-color: #2c3e50;
color: #f5f5f5;
padding: 20px;
text-align: center;
}

在上面的代碼中，我們使用了footer選擇器來選中頁腳元素，并為其添加了背景顏色、文字顏色、內邊距以及居中對齊的樣式。 接下來，我們可以為頁腳元素中的鏈接添加樣式。

footer a {
color: #f5f5f5;
text-decoration: none;
}
footer a:hover {
color: #3498db;
text-decoration: underline;
}

在上面的代碼中，我們使用了footer a選擇器來選中頁腳元素中的鏈接，并為其添加了文字顏色以及去除了下劃線的樣式。當鼠標懸浮在鏈接上時，我們為其添加了另外一種顏色和下劃線的樣式。 最后，我們可以為頁腳元素中的版權信息添加樣式。

footer small {
color: #f5f5f5;
}

在上面的代碼中，我們使用了footer small選擇器來選中頁腳元素中的版權信息，并為其添加了文字顏色的樣式。 通過上面的代碼，我們可以為頁腳元素添加樣式，從而使網站整體視覺效果更加完美，提升用戶體驗。