表格列表偶数列、奇数列的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源代码：

复制代码代码如下:


.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;
}