クールでかっこいいワードプレステーマ を カスタマイズすべ

綺麗なテーブル4

普通にかっちょいい。
こちらのサイトから→ http://liginc.co.jp/web/html-css/html/86739
ブラウザ FireFox Google Chrome Internet Explorer
なんとかかんとか XXXX XXXX XXXXX
なんとかかんとか XXXXX XXXXX XXXXX
なんとかかんとか XXXXX XXXXX XXXXX

source

<table class="brwsr1">
    <tbody>
        <tr>
            <th class="r1">ブラウザ</th>
            <th class="r2">FireFox</th>
            <th class="r3">Google Chrome</th>
            <th class="r4">Internet Explorer</th>
        </tr>
        <tr>
            <th class="r1">なんとかかんとか</th>
            <td class="r2">XXXX</td>
            <td class="r3">XXXX</td>
            <td class="r4">XXXXX</td>
        </tr>
        <tr>
            <th class="r1">なんとかかんとか</th>
            <td class="r2">XXXXX</td>
            <td class="r3">XXXXX</td>
            <td class="r4">XXXXX</td>
        </tr>
        <tr>
            <th class="r1">なんとかかんとか</th>
            <td class="r2">XXXXX</td>
            <td class="r3">XXXXX</td>
            <td class="r4">XXXXX</td>
        </tr>
    </tbody>
</table>

<style>
table.brwsr1 {
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
 
table.brwsr1 th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    color: #fff;
}
 
table.brwsr1 td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    font-size: 11px;
}
 
table.brwsr1 th.r1 {
    width: 152px;
    border-right: #999 1px solid;
    background: #447791;
}
 
table.brwsr1 th.r2,
table.brwsr1 td.r2 {
    width: 128px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;
}
 
table.brwsr1 th.r2,
table.brwsr1 th.r3,
table.brwsr1 th.r4 {
    text-align: center;
}
 
table.brwsr1 th.r3,
table.brwsr1 td.r3 {
    width: 128px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #7cacc2;
}
 
table.brwsr1 th.r4,
table.brwsr1 td.r4 {
    width: 128px;
    border-left: #fff 1px solid;
    background: #a0c2d3;
}
</style>