在設計網頁時，很多人會為網頁加上底部的一條線，為了讓網頁更加美觀和有層次感。實現這個效果通過CSS很容易實現，只需要寫一小段代碼就可以輕松解決。

/* CSS代碼 */
.footer-line {
border-top: 1px solid #ccc;
margin-top: 20px;
padding-top: 20px;
}

上面的代碼創建了一個包含底部線條的CSS類.footer-line。其中，border-top屬性設置了一條固定寬度為1像素的實線，顏色為灰色（#ccc），margin-top屬性設置了底部線條與其他內容之間的距離，padding-top屬性設置底部線條的高度。

這個底部線條類可以應用于任何的網頁底部元素，比如：footer、div、section等。通過在底部元素上使用這個CSS類，可以很容易地添加一條漂亮的底部線條，讓網頁更加美觀和有層次感。