在網頁設計中，底部的樣式設置是非常重要的環節，不僅關乎到頁面的美觀度，也影響到用戶體驗。以下是一些常用的CSS樣式設置底部的方法。

/* 1. 用定位設置底部樣式 */
footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
/* 2. 用floar設置底部樣式 */
footer {
float: left;
width: 100%;
}
/* 3. 用flexbox設置底部樣式 */
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1;
}
footer {
flex-shrink: 0;
}
/* 4. 用grid設置底部樣式 */
body {
display: grid;
grid-template-rows: 1fr auto;
min-height: 100vh;
}
main {
grid-row: 1 / 2;
}
footer {
grid-row: 2 / 3;
}

以上樣式都可以實現底部的設置，具體選擇哪種取決于你的設計需要和項目需求。