1<html>
2<head>
3<style>
4.t1 {
5BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: center
6}
7.t2 {
8BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
9}
10</style>
11</head>
12<body bgcolor="#ffffff" text="#000000">
13<table border="0" cellpadding="0" cellspacing="0" id="table1" width="300">
14<tbody>
15<tr>
16<td>jsjsdjksdfdfgdfd</td></tr>
17<tr>
18<td>vrtbtynyudegbg</td></tr>
19<tr>
20<td>btrgjyjyukmymy</td></tr>
21<tr>
22<td>fvdfthdhyjd</td></tr>
23</tbody></table>
24<script language="Javascript1.2">
25
26for (i=0;i<table1.rows.length;i++) {
27(i%2==0)?(table1.rows(i).className = "t1"):(table1.rows(i).className = "t2");
28}
29
30</script>
31</body>
32</html>
如何使用CSS实现表格相邻行背景色不同的效果？
comments powered by Disqus