html——table标签及其css样式

<table border="1" width="400px" height="200px">
    <caption>完整tablecaption> //标题
    <thead>
    <tr>
        <th>th>
        <th>th>
    tr>
    thead>
    <tbody>
    <tr>
        <td>td>
        <td>td>
    tr>
    tbody>
    <tfoot>
    <tr>
        <td colspan="2">底部td> //横向合并
    tr>
    tfoot>
table>

css样式:

  • width height——仅table和td使用
  • align水平对齐——table+tr+td
  • valign垂直对齐——tr+td
  • cellpadding cellspacing内外边距——table

注:thead/tbody/tfoot是不可见元素 无法给它们设置属性

细线表格:
table{ background-color: black; }
tr{ background-color: white; }

另外table加上 cellspacing='1'

若指定了 thead 和 tfoot,则其有默认高度 不随 table 设置高度改变
rowspan 和 colspan 只是向下和向后合并

去除表格间隙:
table {
  border-collapse: collapse;
}

你可能感兴趣的