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>
上面的代码中,通过设置position属性为fixed,使得页脚块(div)在页面上固定位置出现,bottom和right属性分别设置页脚块距离底部和右侧的距离,width属性则将页脚块的宽度设置为100%,适应页面的整个宽度。同时,设置了固定的高度(height)、行高(line-height)、背景颜色(background-color)、文字颜色(color)、字体大小(font-size)和字体加粗(font-weight)。
在<div>标签中,使用了版权符号(©),显示“版权所有”和当前年份,这样表示该网站的版权信息,并且在页脚部分进行展示。最终的页脚效果如下:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。