html table 表格样式

html table 表格样式
<!--
    <table cellspacing="0" cellpadding="0">

    HTML5 不支持 <table> cellpadding 属性。请使用 CSS 代替。
    cellpadding 属性规定单元边沿与单元内容之间的空间,以像素计。
    注意:请勿将该属性与 cellspacing 属性相混淆,cellspacing 属性规定的是单元之间的空间。
    提示:从实用角度出发,最好不要规定 cellpadding,而是使用 CSS 来添加 padding(内边距)。
-->
<table width="100%" style="border-collapse:collapse;border:1px solid #ddd">
    <thead>
        <tr>
            <th style="border:1px solid #ddd;text-align:center">
                栏目1
            </th>
            <th style="border:1px solid #ddd;text-align:center">
                栏目2
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="border:1px solid #ddd;text-align:center">
                内容
            </td>
            <td style="border:1px solid #ddd;text-align:center">
                内容
            </td>
        </tr>
    </tbody>
</table>

热门推荐