实用的CSS3圆角表格

Practical CSS3 tables with rounded corners

Highlighted rows, borders

#	IMDB Top 10 Movies	Year
1	The Shawshank Redemption	1994
2	The Godfather	1972
3	The Godfather: Part II	1974
4	The Good, the Bad and the Ugly	1966
5	Pulp Fiction	1994
6	12 Angry Men	1957
7	Schindler's List	1993
8	One Flew Over the Cuckoo's Nest	1975
9	The Dark Knight	2008
10	The Lord of the Rings: The Return of the King	2003

Bordered表格的html代码为：

<table class="bordered">
    <thead>
    <tr>
        <th>#</th>       
        <th>IMDB Top 10 Movies</th>
        <th>Year</th>
    </tr>
    </thead>

    <tr>
        <td>1</td>        
        <td>The Shawshank Redemption</td>
        <td>1994</td>
    </tr>
     
    <tr>
        <td>2</td>         
        <td>The Godfather</td>
        <td>1972</td>
    </tr>
</table>

Zebra stripes, footer

#	IMDB Top 10 Movies	Year

1	The Shawshank Redemption	1994
2	The Godfather	1972
3	The Godfather: Part II	1974
4	The Good, the Bad and the Ugly	1966
5	Pulp Fiction	1994
6	12 Angry Men	1957
7	Schindler's List	1993
8	One Flew Over the Cuckoo's Nest	1975
9	The Dark Knight	2008
10	The Lord of the Rings: The Return of the King	2003

Zebra表格的html代码为：

<table class="zebra">
    <thead>
    <tr>
        <th>#</th>       
        <th>IMDB Top 10 Movies</th>
        <th>Year</th>
    </tr>
    </thead>

    <tfoot>
    <tr>
        <td>&nbsp;</td>        
        <td></td>
        <td></td>
    </tr>
    </tfoot>

    <tr>
        <td>1</td>        
        <td>The Shawshank Redemption</td>
        <td>1994</td>
    </tr>        
    <tr>
        <td>2</td>         
        <td>The Godfather</td>
        <td>1972</td>
    </tr>
</table>