要求跟图片一样,颜色也要一样。使用浮动布局来实现跟图片所示的布局页面效果一样
4条回答 默认 最新
关注 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .big-box{ width: 820px; height: 620px; border: 2px solid #c0c4c7; } .box-top{ height: 100px; margin: 10px 10px; background-color: #52a8d0; } .box-center{ height: 380px; margin: 10px 10px; } .box-center-left{ width: 595px; height: 380px; background-color: #d24ca4; float: left; } .box-center-right{ width: 195px; height: 380px; background-color: #d24ca4; float: right; margin-left: 10px; } .box-bottom{ height: 100px; background-color: #54add7; margin: 0 10px 10px 10px; } </style> </head> <body> <div class="big-box"> <div class="box-top"></div> <div class="box-center"> <div class="box-center-left"></div> <div class="box-center-right"></div> </div> <div class="box-bottom"></div> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 6无用
悬赏问题
- ¥20 机器学习能否像多层线性模型一样处理嵌套数据
- ¥20 西门子S7-Graph,S7-300,梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题
- ¥15 matlab不知道怎么改,求解答!!
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
- ¥20 docker里部署springboot项目,访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效