【CSS】以 CSS 樣式設定 實做 奇/偶 數列 不同顏色

CSS 真是博大精深啊~~~

 
<style>
/* 表格基本樣式 */
table.saledata
{
    font-family:verdana;
    font-size:11pt;
    border-collapse:collapse;
    border-color:rgb(153,153,153);
}

/* 表格標題欄樣式 */
table.saledata th
{
    font-weight: normal;
    background-color: #CCFFFF;
    text-align: center;
    border-color: rgb(153,153,153);
    border-width: 1px;
    border-style: solid;
}

/* 奇數列樣式 注意：tr:nth-child() 冒號兩邊不可有空白 */
table.saledata tr:nth-child(odd)
{
    background-color: #FFEEEE;
}

/* 單一儲存格樣式 */
table.saledata td
{
    padding: 6px;
    border-color: rgb(153,153,153);
    border-width: 1px;
    border-style: solid;
}
</style>