html隔行换色

tr{ width: 200px; height: 40px; border:1px #000 solid; display: block;}/* 双行颜色 */tr:nth-child(2n){ background: red;}/* 单行颜色 */tr:nth-child(2n+1){ background: yellow;}

你可以把他们设置成每行里面都设置不同的颜色.如果想让他自动 完成 的话不太好完成.只能一条一条设置可以.

用ASP可以用以下的办法实现 <ul style="list-style:none; margin:0"> <%for i=1 to rs.eof%> <li <%if i mod 2=1 then response.write("style='background:#ff6600'") end if%>><%=rs("title")%></li> <%rs.movenext if rs.eof then exit for next%> </ul>">

最普遍的做法,是对不一样的行设置不一样的CSS

用jquery 的选择器,如:

可以试一下jquery,自带隔行换色的属性,内置了奇数加样式,偶数加样式,奇数取消样式,偶数取消样式

表格隔行换色,节省代码的好方法 <style> .db { border-collapse:collapse;} .db tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); } </style> <table width="100%" border="1" class="db"> <tr> <td> </td> </tr> <tr> <td

设置一行多列,然后模板里用:<tr><td bgcolor="色1"><!--list.var1--></td></tr><tr><td bgcolor="色2"><!--list.var2--></td></tr>

将while (rs.next()) {%><tr class="style1"align="left">改为int row=0;while (rs.next()) {row ++;%><tr class="style1"align="left" bgcolor="<%if (row%2) {%>color1<%}else{%>color2<%}%>">其中,color1为奇数行显示颜色,color2为偶数行显示颜色.

直接用JQUERY.不过要先导包$("table tr:even").css("background","#ccc");

相关文档

html表格隔行变色
html5table隔行变色
html如何实现隔行换色
工作表隔行换色
js表格隔行换色
html5实现表格隔行变色
html表格的线变色
html隔行变色属性
bfym.net
6769.net
ndxg.net
bestwu.net
ymjm.net
电脑版