不是你的小迷妹 2019-04-13 16:36 采纳率: 100%
浏览 299
已采纳

CSS框架 此图如何实现的？

图片说明

web入门级小白不是很懂 百度了半天也不知所以然
是用border、padding、margin组合还是table做的呀？

  • 写回答

2条回答 默认 最新

  • 我只配被骂 2019-04-17 09:49
    关注
    </head>
   <style>
       /*居中对齐*/
       *{
           padding: 0px;
           margin: 0px auto;
       }
       /*最外面的背景颜色*/
       body{
           background: #793AFF;
       }
       /*所有盒子*/
       div{
           padding: 10px 40px;
           margin-top: 20px;
           width: 80%;
       }
       /*第一个盒子*/
       div:nth-child(1){
           background: #FFDD00;
       }
       /*第二个盒子*/
       div:nth-child(2){
           background: #A60002;
       }
       /*第二个盒子里面的全部div*/
       div>div{
           width: 25%;
           height: 500px;
           display: inline-block;
       }
       div>div:nth-child(2){
           background: #BF7B7C;
           margin-right: 20px;
       }
       div>div:nth-child(3){
           background: #639F4B;
           margin-right: 20px;
       }
       div>div:nth-child(4){
           background: #2025EB;
       }
       /*第三个盒子*/
       div:nth-child(3){
           background: #CD3300;
       }
   </style>
<body>


   <div>
     #header
   </div>
   <div>
   #maincontent<br>
        <div>#sidebar</div>
        <div>#content</div>
        <div>#sidebar2</div>
   </div>
   <div>
    #footer
   </div>
</body>

    我直接打出来了 下图

    图片说明
    还望采纳

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 求帮我调试一下freefem代码
  • ¥15 matlab代码解决，怎么运行
  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题：提取2个图像的变量作为另外一个图像像元的移动量，计算新的位置创建新的图像并提取第二个图像的变量到新的图像
  • ¥15 改算法，照着压缩包里边，参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测，loss值优化，参数优化算法
  • ¥15 Python中的request，如何使用ssr节点，通过代理requests网页。本人在泰国，需要用大陆ip才能玩网页游戏，合法合规。
  • ¥100 为什么这个恒流源电路不能恒流？