开发者社区> 问答> 正文

如何给下面这个图片中的模块进行布局?

如图,设计师就喜欢这个风格,试问我该如何布局
screenshot

展开
收起
杨冬芳 2016-06-03 16:59:06 1428 0
1 条回答
写回答
取消 提交回答
  • IT从业

    table
    rowspan
    colspan
    screenshot

     <body>
        <style>
          .a{
            background-color:red;
          }
          .b{
            background-color:yellow;
          }
          .c{
            background-color:black;
          }
          .d{
            background-color:green;
          }
          .e{
            background-color:blue;
          }
          .f{
            background-color:gray;
          }
          .g{
            background-color:pink;
          } 
          .h{
            background-color:orange;
          }
          .i{
            background-color:purple;
          }      
        </style>
        <table>
          <tr>
            <td class="a" rowspan="2">1</td>
            <td class="b">2</td>
            <td class="c" colspan="2">3</td>
            <td class="d" rowspan="2">4</td>
          </tr>
          <tr>
            <td class="e" colspan="2">5</td>
            <td class="f" rowspan="2">6</td>
          </tr>
          <tr>
            <td class="g" colspan="2">7</td>
            <td class="h">8</td>
            <td class="i">9</td>
          </tr>
        </table>
      </body>

    http://plnkr.co/edit/x2GGSeeTPbkOD8TDCkKA

    2019-07-17 19:26:53
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载