table { 
 color: #333;
 font-family: Helvetica, Arial, sans-serif;
 width: 100%; 
 border-collapse: 
 collapse; border-spacing: 0; 
}
 
td, th { 
 border: 1px solid transparent; /* No more visible border */
 height: 30px; 
 transition: all 0.3s;  /* Simple transition for hover effect */
 padding:10px;
}
 
th {
 background: #ef5e31;  /* Darken header a bit */
 font-weight: bold;
 color: #fff;

}
 
td {
 background: #FAFAFA;
 text-align: left;
}

/* Cells in even rows (2,4,6...) are one color */ 
tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
tr:nth-child(odd) td { background: #FEFEFE; }  
 
tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */