首页将网页分块，5个区域中分别填充不同颜色（背景色，色彩自定），页面宽度1024px

将网页分块，5个区域中分别填充不同颜色（背景色，色彩自定），页面宽度1024px

时间: 2024-05-15 21:12:29 浏览: 96

好的，以下是五个区域和对应的颜色： 1. 头部区域：#0072C6 2. 导航栏区域：#FFFFFF 3. 内容区域：#F2F2F2 4. 侧边栏区域：#E6E6E6 5. 底部区域：#333333 实现代码如下： ```html <!DOCTYPE html> <html> <head> <title>网页分块示例</title> <style type="text/css"> body { margin: 0; padding: 0; background-color: #F2F2F2; } #header { background-color: #0072C6; height: 100px; width: 1024px; margin: 0 auto; } #navbar { background-color: #FFFFFF; height: 50px; width: 1024px; margin: 0 auto; } #content { background-color: #F2F2F2; height: 600px; width: 800px; margin-left: 200px; margin-top: 20px; padding: 20px; float: left; } #sidebar { background-color: #E6E6E6; height: 600px; width: 200px; margin-top: 20px; padding: 20px; float: left; } #footer { background-color: #333333; height: 50px; width: 1024px; margin: 20px auto 0; } </style> </head> <body> <div id="header"></div> <div id="navbar"></div> <div id="content"></div> <div id="sidebar"></div> <div id="footer"></div> </body> </html> ```

阅读全文