div实现上中下布局
颜色简单布局:
<!DOCTYPE html> <hmtl> <head> <title>简单布局</title> <style> body{ width: 960px; margin: 0 auto; } div{ color: white; font-size:20px; } .header{ height: 40px; background:#751111; } .content{ height: 400px; background:rgb(26, 46, 26); } .footer{ height: 100px; background: rgb(22, 22, 32); } </style> </head> <body> <div class="header">头部</div> <div class="content">主要内容</div> <div class="footer">尾部</div> </body> </hmtl>
动手小练习
通过对文章内容的自我认识与理解,进行一个简单的布局创建(包括头部、主体中间、尾部以及样式的简单设置)
还没有评论,来说两句吧...