怎样在html文档里做隔行换色的多行方法
发布时间：2016-12-30 来源：查字典编辑
摘要：既然你都知道是隔行换色了，那就隔行换色就是了。方法很多。最直接的在每一行的上直接加bgcolor="red"。用css的话就定义行二个颜色的...
既然你都知道是隔行换色了，那就隔行换色就是了。方法很多。
最直接的在每一行的<tr>上直接加bgcolor="red"。
用css的话就定义行二个颜色的类。在每一行交替使用这个类就是了。如：
trclass="trClass1"
trclass="trClass2"
New Document table{ width:100%; } .t1{ background:#ff6600; color:black; } .t2{ background:#336699; color:white; }
| 1 | 1 | 1 | 1 | 1 |
| 2 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 |
| 2 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 |
| 2 | 1 | 1 | 1 | 1 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐1
无标题文档
| 第1行 | 第1行 |
| 第2行 | 第2行 |
| 第3行 | 第3行 |
| 第4行 | 第4行 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
非常推荐2
表格隔行换色
| 12 | 12 | 12 | 12 |
| 12 | 12 | 12 | 12 |
| 12 | 12 | 12 | 12 |
| 12 | 12 | 12 | 12 |
| 12 | 12 | 12 | 12 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Untitled Document .t1 {background-color:#336699;text-align:center} .t2 {background-color:#ffcc00;text-align:center}
| jsjsdjksdfdfgdfd |
| vrtbtynyudegbg |
| btrgjyjyukmymy |
| fvdfthdhyjd |
| htyjertyuktuijcdukdetyjety |
| fdghrguiowheruighiaue |
| aosiiopweorhwdebfcjlhaSD |
| SDHFKAJBNELFJAOSDFA |
| 山地花费 |
| 是士大夫金粟兰搭街坊棵 |
| 打开立脚点艰苦发挥感 |
| 地方了；赶快地方经过 |
| 当然人；铁蒺藜课题那样立刻人 |
| 豆腐干大后方大概部分 |
| 如同如同忽然体育如同 |
| 规范化如同依然同样如 |
| 为了打开 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]