要求跟图片一样,颜色也要一样。使用浮动布局来实现跟图片所示的布局页面效果一样
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无用
悬赏问题
- ¥15 如何在scanpy上做差异基因和通路富集?
- ¥20 关于#硬件工程#的问题,请各位专家解答!
- ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
- ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
- ¥30 截图中的mathematics程序转换成matlab
- ¥15 动力学代码报错,维度不匹配
- ¥15 Power query添加列问题
- ¥50 Kubernetes&Fission&Eleasticsearch
- ¥15 報錯:Person is not mapped,如何解決?
- ¥15 c++头文件不能识别CDialog