html的表格怎么设置样式,html 静态表格样式的设置

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

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

采购合同

采购合同

2.表格边框线的设置

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

3.表格单元格的合并

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

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

4.表格td自适应宽高

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

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;

}