0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > CSS2实现的隔行换色

CSS2实现的隔行换色
热门标签：中国地图标注各省份 移动400办理电话 山西旅游景地图标注 上古卷轴5地图标注mod 北川县地图标注 苏州通信外呼系统多少钱 荒野大镖客2地图标注怎么变中文 武汉人工外呼系统 沈阳智能外呼系统排名
利用了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">
!-- /* PR-CSS */
table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px;}
table td {border:solid #999;border-width:0 1px 1px 0;}

tr {background:#eee;}
tr + tr {background:#ccc;}
tr + tr + tr {background:#eee;}
tr + tr + tr + tr {background:#ccc;} 
tr + tr + tr + tr + tr {background:#eee;} 
-->
/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">
!-- /* PR-CSS */
table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px;}
table td {border:solid #999;border-width:0 1px 1px 0;}

td {background:#eee;}
td + td {background:#ccc;}
td + td + td {background:#eee;}
td + td + td + td {background:#ccc;} 
td + td + td + td + td {background:#eee;} 
-->
/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>
您可能感兴趣的文章:
  • 表格隔行换色 css expression
  • 不用javascript实现带序号的表格隔行换色的效果
  • li隔行换色改进版
  • jQuery 隔行换色 支持键盘上下键，按Enter选定值
  • 表格 隔行换色升级版
  • Js 实现表格隔行换色一例
  • javascript 隔行换色函数代码
  • 基于Jquery的表格隔行换色，移动换色，点击换色插件
  • jQuery方法简洁实现隔行换色及toggleClass的使用
  • 使用jquery hover事件实现表格的隔行换色功能示例
  • 原生javascript实现隔行换色

标签：海东 喀什 东莞 阳泉 南充 滨州 邯郸 辽源

巨人网络通讯声明：本文标题《CSS2实现的隔行换色》，本文关键词  CSS2,实现,的,隔行,换色,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《CSS2实现的隔行换色》相关的同类信息！
  • 本页收集关于CSS2实现的隔行换色的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：超赞的随机颜色搭配工具

    下一篇：CSS中几种常见的注释

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： CSS2实现的隔行换色 CSS2,实现,的,隔行,换色,