DIV+CSS（表格制作）

最新推荐文章于 2025-11-05 20:48:02 发布

最新推荐文章于 2025-11-05 20:48:02 发布 · 168 阅读

文章标签：

#xhtml

本文介绍了一个简单的HTML表格结构及其样式设置方法。通过不同的类名（如hd-cs和cls-test），可以为表格行应用不同的样式。此外，还展示了如何通过链接外部CSS文件来进一步美化表格外观。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="table.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <table>
        <tr class="hd-cs">
            <th>
                标题一
            </th>
            <th>
                标题二
            </th>
            <th>
                标题三
            </th>
        </tr>
        <tr>
            <td>
                数据
            </td>
            <td>
                数据
            </td>
            <td>
                数据
            </td>
        </tr>
        <tr class="cls-test">
            <td>
                数据
            </td>
            <td>
                数据
            </td>
            <td>
                数据
            </td>
        </tr>
        <tr>
            <td>
                数据
            </td>
            <td>
                数据
            </td>
            <td>
                数据
            </td>
        </tr>
        <tr class="cls-test">
            <td>
                数据
            </td>
            <td>
                数据
            </td>
            <td>
                数据
            </td>
        </tr>
    </table>
</body>
</html>