HTML5斑马线表格奇数悬停怎么做,表格列表偶数列、奇数列的CSS样式示例

HTML示例源代码：

复制代码代码如下:

Latin name	fastq file	fasta file	snp	Article
Latimeria chalumnae	fastq	fasta	snp	article
Branchiostoma floridae	fastq	fasta	snp	article
Gadus morhua	fastq	NA	snp	article
Macropus eugenii	fastq	fasta	NA	article

CSS源代码：

复制代码代码如下:

/* Table CSS Document */

.list_table {

margin-top: 0px;

padding: 0;

font-size: 12px;

word-wrap:break-word;

border:2px solid #8a5603;

border-collapse:collapse;

}

.list_table td, .list_table th{

word-wrap:break-word;

border:2px solid #8a5603;

border-collapse:collapse;

}

/* 标题列 */

.list_table th{

background-color: #FC9;

}

/* 鼠标经过时样式 */

.list_table tr:hover {

background-color:#CCC;

}

/* 奇数列 */

.odd {

background-color: #FFC;

}

/* 偶数列 */

.even {

background-color: #FC9;

}