在web開發中，CSS是必不可少的一部分，它不僅可以美化網頁，還可以讓頁面實現更多的功能。本篇文章將介紹如何使用CSS實現全屏頁腳。

一般情況下，我們在頁面底部添加一個頁腳。但是，如果頁面內容不夠多，即使將整個網頁都縮小，頁腳仍然沒有充滿整個屏幕，會顯得比較丑陋。

要實現全屏頁腳，需要使用CSS讓頁腳元素占滿整個頁面的底部。具體實現過程如下：

footer {
position: fixed; /* 固定定位 */
bottom: 0; /* 距離底部0 */
width: 100%; /* 寬度100% */
}

這里給出的CSS代碼是將頁腳元素設置為固定定位，距離頁面底部0，寬度為100%。這樣一來，無論頁面有多少內容，頁腳元素都會自動占滿整個底部。

除了上述方法，我們還可以使用flex布局實現全屏頁腳。具體代碼如下：

body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1; /* 自動撐開頁面高度 */
}
footer {
flex-shrink: 0; /* 不縮小 */
width: 100%; /* 寬度100% */
}

這里的代碼使用了flex布局，將頁面內容區域和頁腳元素設置為了彈性項。通過設置min-height屬性和flex: 1屬性，可以讓內容區域自動撐滿整個頁面，而頁腳元素則使用了flex-shrink: 0屬性，保證不會縮小。

總之，無論是使用固定定位還是flex布局，都可以很輕松地實現全屏頁腳。而且，這個效果可以應用于不同的網頁，在某些情況下可以為我們帶來意想不到的驚喜。