当鼠标经过表格数据行时颜色不同且奇偶行颜色也不同

复制代码代码如下:

姓名	性别	班级
姓名	男	计算机科学与技术一班
段萌	男	软工一班
段萌	男	软工一班
段萌	男	软工一班
段萌	男	软工一班

body{ margin:0 auto; text-align:center}

table{margin:0 auto;
border:0px;
solid:#000
}

table tr th{ height:28px;
width: auto;
line-height:28px;
background:#999;
font-weight:bold
}
table tbody tr{
height:28px;
line-height:28px;
text-align:center;
background:#FFF;
vertical-align:middle;
}


table tbody tr:nth-child(odd){
background-color: #DEDEDE
}

table tbody tr:hover{
background-color: #CCCCCC;
}