<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS Test</title>
<style type="text/css">
table.default {
    background: #C1DCF7 none repeat scroll 0%;
    border: 1px solid #C1DCF7;
    color: #000000;
    width: 98%;
    border-collapse: collapse;
    margin: 0 auto;
}
table.default caption {
    background:transparent url(http://blog.sunshow.net/wp-content/uploads/2008/04/bg_list.gif) repeat-x scroll 0%;
    height: 30px !important;
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
table.default caption a:link, table.default caption a:visited {
    color: #000000;
    font-size: 12px;
    text-decoration: underline;
}
table.default caption a:hover {
    font-size: 12px;
    color: #14568A;
}
table.default thead tr {
    background: #C1DCF7 none repeat scroll 0%;
    color: #000000;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
}
table.default thead tr th {
    border-color: #C1DCF7;        /* fix for IE */
}
table.default tbody {
    background: #FFFFFF none repeat scroll 0%;
    text-align: left;
}
table.default tbody tr {
    height: 25px;
    line-height: 25px;
    event: expression(
        (this.onmouseover = function() {this.className += ' over';}) &&
        (this.onmouseout = function() {this.className = this.className.replace(' over', '');})
    );
}
table.default tbody tr:hover, table.default tbody tr.over {
    background-color: #E8F0FF;
}
table.default tbody tr td {
    font-size: 12px;
    padding: 0 0 0 5px;
    border-color: #C1DCF7;        /* fix for IE */
}
table.default tbody tr td {    /* fix for IE when align="center" or align="right" */
    padding-left: expression(
        (((this.align == 'center') || (this.align == 'right')) ? '0px' : '5px')
    );
    padding-right: expression(
        ((this.align == 'right') ? '5px' : '0px')
    );
}
table.default tbody tr td[align="center"] {
    padding: 0;
}
table.default tbody tr td[align="right"] {
    padding: 0 5px 0 0;
}
</style>
</head>
<body>
表格樣例
<table class="default" cellpadding="1" cellspacing="0" rules="all">
    <caption>我是標題</caption>
    <thead>
        <tr>
            <th>表頭1</th>
            <th>表頭2</th>
            <th>表頭3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>左對齊</td>
            <td align="center">居中</td>
            <td align="right">右對齊</td>
        </tr>
        <tr>
            <td>測試1</td>
            <td align="center">測試2</td>
            <td align="right">測試3</td>
        </tr>
    </tbody>
</table>
</body>
</html>