网页尾部（footer）写法
源代码
(
显示异常
)
：
点击运行
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页尾部（footer）写法</title> <style type="text/css"> *{ padding: 0; margin: 0; }* .footer{ margin-top: 20px; background:#222c3a; width: 100%; height: 165px; text-align: center; color: white; position: absolute; } .footer .footer-top{ margin-top: 50px; } .footer a{ color: #f0f1f1; text-decoration: none; padding: 0 10px; vertical-align:middle; } .footer a:hover{ color: red; text-decoration: underline; } .footer p{ height: 15px; color: #888888; margin-top: 30px; } </style> </head> <body> <div class="footer"> <div class="footer-top"> <a href="#">百度网</a> | <a href="#">新浪网</a> | <a href="#">腾迅房产</a> | <a href="#">找货网</a> | <a href="#">北极绒</a> | <a href="#">阿里巴巴</a> | </div> <p> ©Copyright 2021 xuecss科技公司版权所有 | 苏ICP备1243123121号-2 </p> </div> </body> </html>
运行结果
全站首页
编辑器
CSS学习
空编辑器
留言本