table { color:#333; font-family:Helvetica,Arial,sans-serif; width:100%; border-spacing:1px; border-collapse:separate; padding:0 3px; } td, th { height:30px; transition:all .3s; text-align:center; width:auto; } th { background:#B1B6AF; font-weight:700; border-radius: 5px; } td { background:#FAFAFA; } tr:nth-child(even) td { background:#F1F1F1; } tr:nth-child(odd) td { background:#E1DDDD; } tr td:hover { background:#666; color:#FFF }