CSS是網(wǎng)頁(yè)設(shè)計(jì)的重要組成部分之一，它可以幫助網(wǎng)頁(yè)設(shè)計(jì)者更好地排版和美化網(wǎng)頁(yè)。其中，頁(yè)腳也是一個(gè)很重要的部分，很多人常常忽略它，但是一個(gè)好的頁(yè)腳不僅能為網(wǎng)頁(yè)增加美感，還可以提高用戶體驗(yàn)。

下面我們來(lái)演示一下如何用CSS來(lái)設(shè)計(jì)一個(gè)漂亮的頁(yè)腳。首先，我們需要先為頁(yè)面添加一個(gè)容器，并且設(shè)置容器的背景顏色。

.footer-container {
background-color: #f5f5f5;
}

接下來(lái)，我們可以為容器添加內(nèi)邊距和外邊距，這樣可以讓頁(yè)面更加美觀。

.footer-container {
background-color: #f5f5f5;
padding: 20px;
margin-top: 50px;
}

好的，現(xiàn)在我們已經(jīng)有一個(gè)漂亮的容器了。接下來(lái)，我們可以為頁(yè)腳中的鏈接添加樣式了。

.footer-link {
color: #333;
text-decoration: none;
}
.footer-link:hover {
color: #c7a17a;
text-decoration: underline;
}

最后，我們可以為頁(yè)腳添加版權(quán)信息。我們需要為版權(quán)信息設(shè)置一個(gè)樣式，并在容器中添加HTML代碼。

.footer-copyright {
text-align: center;
margin-top: 20px;
color: #999;
}
<div class="footer-container">
<a href="#" class="footer-link">聯(lián)系我們</a>|
<a href="#" class="footer-link">關(guān)于我們</a>|
<a href="#" class="footer-link">服務(wù)條款</a>
<p class="footer-copyright">
版權(quán) ? 2021，XXX有限公司。保留所有權(quán)利。
</p>
</div>

好了，以上就是設(shè)計(jì)一個(gè)漂亮的頁(yè)腳需要的CSS樣式了。我們可以根據(jù)自己的需求進(jìn)行適當(dāng)?shù)恼{(diào)整，讓頁(yè)面更加美觀。