亚洲欧美日韩精品,美女福利一区二区,国产伦精品一区二区三区免费优势

利用了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實現的隔行換色