zoukankan      html  css  js  c++  java
  • 好玩的盒子布局

    <! DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>

    <style type="text/css">
    .a{
    background-color: red;
    }
    .b{
    background-color: orange;
    }
    .c{
    background-color: green;
    }
    .d{
    background-color: cyan;
    }
    .e{
    background-color: blue;
    }
    .f{
    background-color: purple;
    }

    .g{
    background-color: gray;
    }
    .h{
    background-color: pink;
    }
    .i{
    background-color: yellow;
    }


    </style>
    </head>
    <body>

    <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>
    </html>

  • 相关阅读:
    吉他 摄影
    前端思考独处时间自我成长
    约束力
    js算法
    旅行计划
    生产者消费者问题
    Lock锁
    线程和进程
    什么是JUC
    GC日志分析和垃圾回收器的新展望
  • 原文地址:https://www.cnblogs.com/future-zmy/p/5997996.html
Copyright © 2011-2022 走看看