.footer { position: fixed; bottom: 0; width: 100%; background-color: #333; color: #fff; text-align: center; padding: 10px; }
上述代码将会固定底部footer的位置,使其始终停留在页面的底部,无论网页如何滚动。同时,使用了100%的宽度,确保footer覆盖整个底部。背景颜色为#333,以及白色的字体颜色,这将有助于使footer与页面其他元素区分开来。
为使内容居中显示,CSS中还使用了text-align: center。padding:10px可以帮助提高页面的美观度,使其看起来更舒适。
希望这篇文章对你有所帮助,使您能够在网站底部添加美观的样式。无论是为了美化还是功能性,这些简单的CSS代码都可以在页面底部增加吸引人的元素。