在網頁中，底部經常是非常重要的部分。它可以包含版權信息、網站鏈接、社交媒體鏈接等等。為了使底部看起來美觀且易讀，我們需要編寫css來控制其樣式。下面是一些最常用的底部樣式的css代碼：

/* 底部主div樣式 */
.footer {
background-color: #333;
color: #fff;
padding: 30px;
}
/* 底部鏈接樣式 */
.footer a {
color: #fff;
text-decoration: none;
}
/* 底部鏈接鼠標懸停樣式 */
.footer a:hover {
color: #ccc;
}
/* 版權信息樣式 */
.footer p {
margin-bottom: 10px;
}
/* 社交媒體圖標樣式 */
.footer i {
font-size: 24px;
margin-right: 20px;
}
/* 底部間距樣式 */
.footer-bottom {
padding: 10px;
background-color: #222;
color: #fff;
text-align: center;
}

以上代碼中，.footer設置了底部主div的樣式，包括背景顏色、文字顏色和內邊距。.footer a設置了底部鏈接的樣式，其中包括鏈接顏色和無下劃線。當鼠標懸停在鏈接上時，.footer a:hover將顏色更改為灰色。為了使你的版權信息更易讀，.footer p設置了段落的底部間距。 如果你的網站需要鏈接到社交媒體，可以使用<i>標簽和.footer i樣式來設置社交媒體圖標的樣式。最后，.footer-bottom設置了底部的間距、背景顏色和文字顏色。 在編寫底部樣式時，你應該考慮讓它與其他部分相配合并易于閱讀。此外，保持樣式簡潔明了也是非常重要的。使用以上樣式的網站底部將會變得隨意而美觀。