如何使多个标题响应的表格?

时间:2013-11-11 09:17:39

标签: css responsive-design html-table

有人可以解释我如何使这个表响应? 它在顶部和左侧有两个标题。我知道如何使表格响应只有顶部的标题,但不是两者都有。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>not titled</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <th scope="col">&nbsp;</th>
        <th scope="col" style="background-color:red;">Title</th>
        <th scope="col" style="background-color:red;">Title</th>
        <th scope="col" style="background-color:red;">Title</th>
    </tr>
    <tr>
        <td style="background-color:red;">Title</td>
        <td>Content</td>
        <td>Content</td>
        <td>Content</td>
    </tr>
    <tr>
        <td style="background-color:red;">Title</td>
        <td>Content</td>
        <td>Content</td>
        <td>Content</td>
    </tr>
    <tr>
        <td style="background-color:red;">Title</td>
        <td>Content</td>
        <td>Content</td>
        <td>Content</td>
    </tr>
</table>

</body>
</html>

0 个答案:

没有答案