CSS2实现的隔行换色

ttx9n · 发表于 2007-5-29 00:00:00

利用了CSS2 的相邻选择符 IE7以下不支持

隔行换色示例:

<!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>
<title>放弃class与js实现隔行换色效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="PengRong" />

<style type="text/css">

</style>
</head>

<body>
<table>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
</table>
</body>
</html>

隔列换色示例：

<!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>
<title>放弃class与js实现隔列换色效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="PengRong" />

<style type="text/css">

</style>
</head>

<body>
<table>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
<tr>
<td>12</td><td>12</td><td>12</td><td>12</td>
</tr>
</table>
</body>
</html>

j__j33p · 发表于 2022-8-12 02:40:21

而快乐你们快乐马年快乐

3mfwk4yf · 发表于 2022-10-14 14:28:56

哈哈哈哈哈哈

回复用户5 · 发表于 2023-8-3 01:47:47

灌灌灌灌水

3t0ukmu · 发表于 2023-10-21 02:15:59

先把创新班才能下班才能下班

hd1tvqb3 · 发表于 2023-10-22 16:32:53

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

a971560 · 发表于 2023-10-22 18:23:19

刷屏刷屏刷屏

0y3yp · 发表于 2024-3-11 07:45:31

人都不在了啊啊

fiyeid · 发表于 2024-3-20 04:03:26

逛逛看看瞧瞧

wqpa63gz · 发表于 2024-5-4 06:50:51

哈哈哈哈哈哈哈

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] CSS2实现的隔行换色

相关帖子