簡單的斑馬紋表格，如果頁面上有大量的表格數據時，隔行變色的斑馬紋會幫助我們快速閱讀，有利于用戶體驗。我們今天不討論在動態語言中的方法，只討論CSS，JavaScript，MooTools 是如何實現的，并有三種可行性方案。

我們的表格 The Html Code:

我們上面所看到的表格，就是我們要美化的表格，要實現斑馬紋的表格。

方案一 :

在CSS3中有許多的偽類選擇器，其中的

它可以匹配父元素中的第n個子元素E。

The CSS3 Code

方案二 : The JavaScript Code

在以前MooTools1.1的老版本中是不支持CSS3選擇器的，那又如何實現那。

方案三 : The CSS Code:

The MooTools JavaScript：

如果你已經使用了MooTools1.2+的版本，我們就可以用MooTools Selectors的偽類選擇器，它的語法是類似于CSS3的偽類選擇器的。

The MooTools JavaScript：

在鼠標經過時高亮表格行列 The CSS Code:

The MooTools JavaScript:

  Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |