html 静态表格样式的设置

1.表格的属性tr、td、th

th为表格的表头，tr为表格的列，td为单元格，一个表格的构成如下所示

  <table>

            <tr>

                <td >采购合同</td>

                <td >采购合同</td>

            </tr>

</table>

2.表格边框线的设置

表格的边框线依赖于一个属性  border-collapse: collapse;可以合并双边框线

3.表格单元格的合并

再td中加入属性colspan=n  属性值为多少就在这一行上合并多少个单元格

再td中加入属性rowspan=n  属性值为多少就在这一列上合并多少个单元格

4.表格td自适应宽高

设置table的属性table-layout: fixed;即可自动换行

<style>

        table,

        table th,

        table td {

            border: 1px solid #555;

        }

        table{

            table-layout: fixed;

        }

        td {

            padding: 15px 10px;

            width:150px;

        }

        .td1{

            width:100px;

        }

        tr {

          height:30px;

        }

        table {

            /* height:600px;

            width: 550px; */

            min-height: 30px;

            line-height: 25px;

            text-align: center;

            border-collapse: collapse;

            font-size: 13px;

        }

    </style>