4.表格样式

HTML5

表格

<table>
    <tr>
        <th>1</th>(th为列标题 自动加粗居中)
        <th>2</th>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

属性:

宽度:width

高度:height

边框:border

边框色:bordercolor

背景:bgcolor

文本水平对齐:align=left/right/center

:在table时控制表格在浏览器水平方向对齐

     在tr 时控制行中的所有内容在表格中对齐

​     在td 时控制单元格中的内容在单元格中对齐

垂直对齐:valign=top/middle/bottom

注*:在table时不可用

     在tr 时控制一行内内容在垂直方向对齐

     在td 时控制单元格中的内容在垂直方向对齐

单元格间距:cellspacing

单元格与内容间距:cellpadding

(cellspacing和cellpadding给table)

合并单元格属性:

合并行(必须给td):colspan="合并单元格列数

合并列(必须给td):rowspan="合并单元格行数

注:合并后需要把多余单元格删除



行分
<caption>表格标题</caption>

<thead>表头</thead>

<tbody>表体</tbody>

<tfoot>表尾</tfoot>


列分

<colgroup span="*"></colgroup >支持组分隔线

<col span="*">不支持组分隔线

组分割线(必须给table):
  rules="groups/rows(行)/cols(列)/all/none

上一篇:Parser b2c


下一篇:IGBT最小死区时间计算