表格基本样式2

HTML

<table cellspacing="0">
    <thead>
        <tr>
            <th>序号</th>
            <th>歌曲名</th>
            <th>演唱</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>01</th>
            <td>小苹果</td>
            <td>筷子兄弟</td>
        </tr>
        <tr>
            <th>02</th>
            <td>匆匆那年</td>
            <td>王菲</td>
        </tr>
        <tr>
            <th>03</th>
            <td>喜欢你</td>
            <td>G.E.M.邓紫棋</td>
        </tr>
        <tr>
            <th>04</th>
            <td>当你老了</td>
            <td>莫文蔚</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th>序号</th>
            <th>歌曲名</th>
            <th>演唱</th>
        </tr>
    </tfoot>
</table>s
    					

CSS

th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    font-size: 11px;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}
thead th {
    color: red;
}
tfoot th {
    color: blue;
}