运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<title>隔行换色</title>
5
<style>
6
p, td, th {
7
    font: 0.8em Arial, Helvetica, sans-serif;
8
}
9
.datatable {
10
    border: 1px solid #D6DDE6;
11
    border-collapse: collapse;
12
    width: 80%;
13
}
14
.datatable td {
15
    border: 1px solid #D6DDE6;  
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
一款国外风格的Table隔行换色代码
分类
表格图层
描述
一款国外风格的CSS隔行换色代码,不很明亮的风格,一般多见于老外的网站中,整体大气自然,实用,没有华丽的修饰。不过本表格换色代码不是基于CSS的,用了比较传统的Table,仅供参考。
收藏