实现页脚的版权样式--copyright &copy；

最新推荐文章于 2026-06-25 04:25:48 发布

原创最新推荐文章于 2026-06-25 04:25:48 发布 · 6k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

8 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了HTML5中footer标签的使用方法，包括其在页面布局中的作用、如何添加样式以及在文档中多次使用footer元素的场景。footer标签用于定义文档或节的页脚，可以包含版权信息、作者信息等。

<footer> 标签是 HTML 5 中的新标签

<footer> 标签定义文档或节的页脚。

<footer> 元素应当含有其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

您可以在一个文档中使用多个 <footer> 元素。

html:

<footer class="col-lg-12 copyright-footer">copyright &copy; 2019 xxxx有限公司技术支持</footer>

<footer> 标签里面也可以添加其他的标签

css:
/* 页脚 */

<style scoped>
    copyright-footer{
        position: fixed;
        background-color: rgba(43, 166, 166, 0.5);
        color: #FFF;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        height: 20px;
        line-height: 20px;
    }
</style>

标签

#CSS #footer