Html 维基百科漂亮表格css

有人能帮我做一个类似css的表格吗？谢谢

因为我使用的是WordPress.com博客，我无法访问

，所以我将其转换为：

<table style="border-collapse: collapse;">
    <tbody valign="middle">
        <tr style="background: #EEE;">
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
        </tr>
        <tr>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
        </tr>
        <tr>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
            <td style="padding: 5px; border: 1px solid #AAA;">title</td>
        </tr>
    </tbody>
</table>

标题
标题
标题
标题
标题
标题
标题
标题
标题

CSS:

table.mytable
{
    border-collapse: collapse;
}

table.mytable td
{
    padding: 5px;
    border: 1px solid #AAA;
}

tr.head
{
    background: #EEE;
}

<table class="mytable">
    <tbody valign="middle">
        <tr class="head">
            <td>title</td>
            <td>title</td>
            <td>title</td>
        </tr>
        <tr>
            <td>content</td>
            <td>content</td>
            <td>content</td>
        </tr>
        <tr>
            <td>content</td>
            <td>content</td>
            <td>content</td>
        </tr>
    </tbody>
</table>

HTML:

table.mytable
{
    border-collapse: collapse;
}

table.mytable td
{
    padding: 5px;
    border: 1px solid #AAA;
}

tr.head
{
    background: #EEE;
}

<table class="mytable">
    <tbody valign="middle">
        <tr class="head">
            <td>title</td>
            <td>title</td>
            <td>title</td>
        </tr>
        <tr>
            <td>content</td>
            <td>content</td>
            <td>content</td>
        </tr>
        <tr>
            <td>content</td>
            <td>content</td>
            <td>content</td>
        </tr>
    </tbody>
</table>

标题
标题
标题
内容
内容
内容
内容
内容
内容

---

我认为这里的关键要素是

边框折叠

，所以说得很清楚，你想要一个模仿这个图像的CSS样式吗？是的，谢谢。我会更新这个问题。你看到这一页了吗？：没有，我没有。谢谢你的链接。@Marty Wallace:谢谢你的帮助！我使用的是wordpress.com，因此无法访问

标记，因此我使用了内联。我将用代码更新问题，向您展示我所做的。再次感谢。这至少是一个关键因素。我认为OP确实需要更多地了解表格样式，而不是“如何匹配这张图表”tho；）@我知道，这就是为什么我给你+1；）@我同意你的观点；但我倾向于从具体的例子中学到更多。我有同样的学习风格，但我应该比我做的更多一些说明（没有）。@jcolebrand太懒了，但这里的任何人都可以使用编辑；）