table表格簡單使用

table表格
w3c地址：https://www.w3school.com.cn/tags/tag_table.asp

<div id="test">
      <table border="1" align="center" cellspacing="0" cellpadding="10">
          <caption>我是表頭</caption>
        <thead>
          <th>我是頭</th>
        </thead>
        <tbody>
          <tr>
            <th colspan="2">標題</th>
          </tr>
          <tr>
            <td>內容能夠</td>
            <td>neirong</td>
          </tr>
          <tr>
            <th colspan="2">標題2</th>
          </tr>
          <tr>
            <td>內容2</td>
            <td>neirong2</td>
          </tr>
        </tbody>
        <tfoot>
          <td>我是尾巴</td>
        </tfoot>
      </table>
    </div>

<!-- css -->
table {
  width: 770px;
  line-height: 30px;
  color: #000;
}
tr,
td {
  color: #000;
  // border: 1px solid red;
}

顯示爲：
跨行合併：rowspan

跨列合併：colspan

本文同步分享在 博客「zoepriselife316」（CSDN）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。