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
  • 相关阅读:
    python mysqldb 模块学习
    接口自动化学习笔记
    unittest 单元测试框架断言方法
    Python+Django+Bootstrap 框架环境搭建
    Django CSRF cookie not set.错误
    django安装与卸载
    jmeter+ant+jenkins接口自动环境搭建
    jmeter 非GUI模式下测试报错An error occurred: Unknown arg:
    非 GUI 模式运行 JMeter 压力测试
    Android SDK开发包国内下载地址
  • 原文地址:https://www.cnblogs.com/wf293/p/14806191.html
Copyright © 2011-2022 走看看