原來Html的表格要出現斑馬紋(zebra)的分行那麼簡單

原以為一個table 的每筆<tr> 要出現不同色的行很難,沒想到只要在css內加一句就可搞定.

tr:nth-child(even) {
  background-color: #f2f2f2;
}

真簡單,記錄一下以免以後忘了.

W3Shool Sample