微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html右下角代码

HTML的右下角代码是网页制作中常见的一种,通过对网页布局等进行调整,构建一个良好的页面布局结构。

<style>
    .footer{
        position:fixed;
        bottom:0;
        right:0;
        width:100%;
        height:50px;
        line-height:50px;
        text-align:center;
        background-color:#333;
        color:#fff;
        font-size:16px;
        font-weight:bold;
    }
</style>

<div class="footer">
    版权所有 © 2021 - HTML Right Bottom Code 
</div>

html右下角代码

上面的代码中,通过设置position属性为fixed,使得页脚块(div)在页面上固定位置出现,bottom和right属性分别设置页脚块距离底部和右侧的距离,width属性则将页脚块的宽度设置为100%,适应页面的整个宽度。同时,设置了固定的高度(height)、行高(line-height)、背景颜色(background-color)、文字颜色(color)、字体大小(font-size)和字体加粗(font-weight)。

在<div>标签中,使用了版权符号(©),显示“版权所有”和当前年份,这样表示该网站的版权信息,并且在页脚部分进行展示。最终的页脚效果如下:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐