在網頁中，底部的樣式設計是很重要的一部分。CSS樣式可以幫助我們設計出美觀的底部界面。

.footer{
background-color: #f2f2f2;
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
}

以上代碼是創建一個包含在底部的類，實現底部背景顏色以及高度的設置。可以自行修改背景色和高度的值，從而得到不同的效果。

.footer p{
font-size: 14px;
color: #555;
text-align: center;
line-height: 100px;
}

這段代碼是為底部加上顯示內容的

標簽進行樣式設定。可以通過修改字體大小、顏色、文本居中、行高等屬性值，來達到不同的底部文字效果。

除了文字和背景外，很多時候我們還需要在底部添加一些特殊的鏈接或者圖標。這些可以使用圖片替代文字或者使用font icon實現。下面是使用font icon添加圖標的示例代碼：

.footer span{
font-family: 'fontawesome';
font-size: 20px;
}

這段代碼添加了一個使用fontawesome圖標庫的字體樣式。在HTML中可以使用p標簽內的標簽來調用這個字體樣式，并添加需要的圖標。由于font icon可以通過CSS來控制顏色外觀，所以我們可以使用CSS來進行圖標的排版和排列。

總之，CSS樣式提供了很多實現底部設計的方法，我們可以根據具體的需求來進行不同的設計，從而得到美觀的網頁底部。