大主宰之灵路天蚕土豆,小说阅读网站,将夜猫腻小说

利用了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實現(xiàn)隔行換色效果/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實現(xiàn)隔列換色效果/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實現(xiàn)帶序號的表格隔行換色的效果
li隔行換色改進版
jQuery 隔行換色支持鍵盤上下鍵，按Enter選定值
表格隔行換色升級版
Js 實現(xiàn)表格隔行換色一例
javascript 隔行換色函數(shù)代碼
基于Jquery的表格隔行換色，移動換色，點擊換色插件
jQuery方法簡潔實現(xiàn)隔行換色及toggleClass的使用
使用jquery hover事件實現(xiàn)表格的隔行換色功能示例
原生javascript實現(xiàn)隔行換色

標簽：海東喀什東莞陽泉南充濱州邯鄲遼源

巨人網絡通訊聲明：本文標題《CSS2實現(xiàn)的隔行換色》，本文關鍵詞 CSS2,實現(xiàn),的,隔行,換色,；如發(fā)現(xiàn)本文內容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡，涉及言論、版權與本站無關。

濮阳杆衣贸易有限公司

CSS2實現(xiàn)的隔行換色