淘先锋技术网

首页 1 2 3 4 5 6 7

CSS是一种用于网页样式的语言,通过它我们可以控制页面中各个元素的样式和布局。在网页中,页脚通常是出现在页面底部的一段信息,例如版权信息、联系方式等。那么如何使用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;
}

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