网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
怎样在html文档里做隔行换色的多行方法
(编辑：jimmy 日期: 2026/4/30 浏览：
2
)
既然你都知道是隔行换色了，那就隔行换色就是了。方法很多。
最直接的在每一行的<tr>上直接加bgcolor="red"。
用css的话就定义行二个颜色的类。在每一行交替使用这个类就是了。如：
tr class="trClass1"
tr class="trClass2"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> table{ width:100%; } .t1{ background:#ff6600; color:black; } .t2{ background:#336699; color:white; } </style> </HEAD> <BODY> 11111 21111 11111 21111 11111 21111 </BODY> </HTML>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
推荐1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> </style> </head> <body> 第1行第1行 第2行第2行 第3行第3行 第4行第4行 </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
blueidea.com 第1行 blue 第2行 idea 第3行 29ok.com 第4行
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
非常推荐2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表格隔行换色</title> <style type="text/css" media="screen"> </style> </head> <body> 12121212 12121212 12121212 12121212 12121212 </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> .t1 {background-color:#336699;text-align:center} .t2 {background-color:#ffcc00;text-align:center} </style> </head> <body bgcolor="#FFFFFF" text="#000000"> jsjsdjksdfdfgdfd vrtbtynyudegbg btrgjyjyukmymy fvdfthdhyjd htyjertyuktuijcdukdetyjety fdghrguiowheruighiaue aosiiopweorhwdebfcjlhaSD SDHFKAJBNELFJAOSDFA 山地花费 是士大夫金粟兰搭街坊棵 打开立脚点艰苦发挥感 地方了；赶快地方经过 当然人；铁蒺藜课题那样立刻人 豆腐干大后方大概部分 如同如同忽然体育如同 规范化如同依然同样如 为了打开 <script Language="Javascript"> for (i=0;i </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
怎么在下面的HTML里调用数组cs[]的值
下一篇：
JavaScript 经典效果集
一句话新闻
高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
首页
音乐
电影
资源