• 表格标签的常用属性,表格的合并,表格的嵌套。


    表格标签的常用属性:

    <!--
    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
  • 相关阅读:
    android程序中界面太大太长太宽如何滚动?
    android textview段落开头空格问题
    android中textview设置为多行文本时,如何让文字从最顶开始显示
    论文写作
    spass按位置编码,进行排序题处理与分析
    Java基础知识
    秒杀系统-效果展示
    秒杀系统-高并发的优化
    秒杀系统-web
    秒杀系统-DAO
  • 原文地址:https://www.cnblogs.com/wf293/p/14806191.html
Copyright © 2020-2023  润新知