网页底部固定版权信息

最新推荐文章于 2024-08-23 09:58:09 发布

心歌技术

最新推荐文章于 2024-08-23 09:58:09 发布

阅读量7.9k

点赞数 1

分类专栏：【Web前端技术】

如果本篇文章帮到了你，兄台何不留个言再走？什么！不想留言？不想留言也要点个赞吗，也算是缘分一场......什么！赞都不想点？管理员拿我的三十米大刀来！【左侧点击关注按钮，精彩好文不容错过】

本文链接：https://blog.csdn.net/qq_23994787/article/details/78480088

版权

【Web前端技术】专栏收录该内容

45 篇文章 3 订阅

订阅专栏

首先编辑网页代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>测试例子</title>
    </head>
    <body>       
       <div id="footer">CopyRight@copy2017 </div>
    </body>
</html>

添加style样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>测试例子/title>
        <style type="text/css">
            body {
                padding: 0;
                margin: 0 auto;
            }

            #footer {
                height: 40px;
                line-height: 40px;
                position: fixed;
                bottom: 0;
                width: 100%;
                text-align: center;
                background: #333;
                color: #fff;
                font-family: Arial;
                font-size: 12px;
                letter-spacing: 1px;
            }

            .content {
                height: 1800px;
                width: 100%;
                text-align: center;
            }
        </style>
    </head>
    <body>
       <div id="footer">CopyRight@copy2017 </div>
    </body>
</html>