CSS樣式表是網頁中非常重要的一部分,它負責控制頁面的外觀樣式,如字體、顏色、布局等等。其中,頁面底端的樣式也是需要仔細設計的。
footer { background-color: #333333; color: #ffffff; text-align: center; padding: 20px; position: absolute; bottom: 0; width: 100%; }
可以看到,我們使用了footer
標簽來標識頁面底部的部分。在CSS代碼中,我們對底部進行了如下樣式設置:
background-color
設置背景顏色為深灰色;color
設置文字顏色為白色;text-align
將文字居中對齊;padding
設置內邊距,增加底部留白;position:absolute
絕對定位,讓footer
標簽不受其他元素影響,可以固定在頁面底部;bottom:0
讓footer
標簽距離頁面底部為0;width:100%
設置寬度為100%,使其完全覆蓋底部。
通過這樣的設置,我們可以讓頁面底部看起來更加整潔,也增加了頁面的美觀性和可讀性。希望這篇文章能對你有所幫助!
上一篇css設置頁面最小寬度
下一篇mysql 運維工具