首页 > 关于表格结构

关于表格结构

这块的表结构应该怎么写?


试试这个

        <table  border="1"  bordercolor="#00CCCC"  width="300">
            <tr>
                <td colspan="2">
                    出处
                </td>
                <td colspan="2">
                    源资料创建
                </td>
            </tr>
            <tr>
                <td rowspan="2">资料归属
                </td>
                <td>名称</td>
                <td rowspan="2">国际标准书号</td>
            </tr>
            <tr>
                <td>责任方式</td>
            </tr>
        </table>

<table>
        <tr>
            <td></td>
            <td>
                <table>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                </table>
            </td>
            <td></td>
        </tr>
    </table>

用 rowspan 分隔也行,td 里面加一个 table 也可以


html
<table>
   <tbody>
     <tr>
       <td class="no-right-border">出處/原資料名稱</td>
       <td colspan="2">中國民間故事</td>
       <td class="no-right-border">原資料創建者</td>
       <td>中國民間故事</td>
     </tr>
     <tr>
       <td rowspan="2">原資料歸屬</td>
       <td class="no-right-border">名稱</td>
       <td>中國民間文學集成</td>
       <td rowspan="2">國際標準書號</td>
       <td rowspan="2">ISBN</td>
     </tr>
     <tr>
       <td class="no-right-border">責任方式</td>
       <td>編</td>
     </tr>
  </tbody>
</table>
css
table {
  border-collapse: collapse;
}

table td {
  border: 1px solid #000;
  padding: 15px;
}

table td.no-right-border {
  border-right-width: 0;
}

table .no-right-border ~ td{
  border-left-width: 0;
}

例子

【热门文章】
【热门文章】