css如何显示页脚 |html css基础代码大全

首先，大家需要在HTML文件中定义一个页脚的容器，例如使用<footer>标签：

<footer>
<p>版权所有 © 2021 XX公司</p>
<p>联系邮箱：admin@xx.com</p>
</footer>

接下来，在CSS中使用以下样式来控制页脚的展示效果：

/*设置页脚高度和背景颜色*/
footer {
height: 100px;
background-color: #f5f5f5;
}
/*居中显示页脚内部的文字*/
footer p {
text-align: center;
line-height: 100px;
}

通过以上代码，大家可以完成一个简单的页脚展示效果。需要注意的是，要根据实际页面的布局和设计来选择合适的样式，使得页脚能够与整个页面呈现出协调统一的效果。