html与css的网页布局
网页布局分为四类
1.一列布局 2.二列布局 3.三列布局 4.混合布局
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 1.一列布局 <!DOCTYPE html> <html> <head> <title></title> <style type= "text/css" > body{margin: 0px;padding: 0px} .head{没有宽度 height: 50px;background: black} .section{width: 600px;height: 300px;background: rosybrown; 盒子居中 margin: 0 auto} .foot{width: 600px;height: 250px;background: salmon; 盒子居中 margin: 0 auto} </style> </head> <body> <div class = "head" ></div> <div class = "section" ></div> <div class = "foot" ></div> </body> </html> |
效果图
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步