zoukankan      html  css  js  c++  java
  • 表格标签的常用属性,表格的合并,表格的嵌套。

    表格标签的常用属性:

    <!--
    table常用属性:border指定边框;width指定宽度;height指定高度;bgcolor指定背景颜色;align对齐方式;
    tr标签:代表行
    td标签:代表列
    -->
    <table border="1px" width="400px" bgcolor="beige" align="center">
    <tr bgcolor="blue" align="center">
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    </tr>
    <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    </tr>

    </table>

    表格的合并:

    <!--表格的合并
    列合并用:colspan,合并几列就给合并的那一列后面赋值几,占掉谁的格子就需要把谁删掉
    行合并用:rowspan,合并几行就给合并的那一行后面赋值几,占掉谁的格子就需要把谁删掉
    -->
    <table border="1px" width="400px" height="1px">
    <tr>
    <td colspan="2">2</td>

    <td>2</td>
    <td>2</td>
    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>
    <td rowspan="3">2</td>
    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>

    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>


    </tr>
    </table>

    表格的嵌套:

    <table border="1px" width="400px" height="1px">
    <tr>
    <td colspan="2">2</td>

    <td>2</td>
    <td>2</td>
    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>
    <td rowspan="4">
    <table border="1px" width="100%" height="1px">
    <tr>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    </tr>
    <tr>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    </tr>
    <tr>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    </tr>
    <tr>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    </tr>
    </table>
    </td>

    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>

    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>


    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>

    </tr>
    </table>

    添加微信进交流群: opiopi293
  • 相关阅读:
    Chromium GN构建工具的使用
    cef 不更新编译
    Debugging SSL on Linux
    chromium url 请求流程
    mim
    qt打包发布问题 缺失qt动态库
    qmake生成pro的make总失败。但是qt creator里面是好的
    qt 与 x11 头文件同时引用
    Ubuntu16安装GTK+2.0教程
    gcc编译静态库到自己的程序 解决在不同linux下因libc版本问题而不能运行 版本兼容问题
  • 原文地址:https://www.cnblogs.com/wf293/p/14806191.html
Copyright © 2011-2022 走看看