维基百科的漂亮表css

问题描述

| 有人可以帮我让CSS拥有一张与此表相似的表吗？谢谢。因为我使用的是wordpress.com博客，所以我无法访问<head>，所以我采用了马蒂的答案并将其转换为：

<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;
}

HTML：

<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>

我想这里的关键成分是四英镑。

漂亮漂亮百科维基