純CSS隔行換色

2022-05-06 18:39:09 字數 1628 閱讀 9362

>css3隔行變換色---www.jbxue.com

title

>

<

style

type

="text/css"

>

#list1 li:nth-of-type(odd)

奇數行

#list1 li:nth-of-type(even)

偶數行

#list2 li:nth-child(4n+1)

從第一行開始算起 每隔4個(包含第四個)使用此樣式

#list00000 li:nth-child(4n+2)

從第二行開始算起 每隔4個(包含第四個)使用次樣式

#list00000 li:nth-child(4n+3)

從第三行開始算起 每隔4個(包含第四個)使用次樣式

#list00000 li:nth-child(4n+4)

從第四行開始算起 每隔4個(包含第四個)使用次樣式

style

>

head

>

<

body

>

<

div>

<

ul id

="list1"

>

<

li>1111111前端路上是指令碼學堂的多人部落格

li>

<

li>222222222222css3隔行換色測試

li>

<

li>333333333提供jquery 教程例項學習**、html5教程例項和css/css3教程例項學習**。

li>

<

li>44444444前端路上部落格的靈魂:學習、發現、分享、交流

li>

<

li>55555555555555

li>

<

li>66666666666666666

li>

ul>

<

hr />

<

ul id

="list2"

>

<

li>1111111前端路上是指令碼學堂的多人部落格

li>

<

li>222222222222css3隔行換色測試

li>

<

li>333333333提供jquery 教程例項學習**、html5教程例項和css/css3教程例項學習**。

li>

<

li>44444444前端路上部落格的靈魂:學習、發現、分享、交流

li>

<

li>55555555555555

li>

<

li>66666666666666666

li>

ul>

div>

body

>

月考增刪改查隔行換色

年齡排序 id排序 姓名 id姓名 年齡性別 愛好操作 修改 刪除新增使用者 修改使用者 mo.controller mycontroller function scope scope.emps ee 賦給顯示陣列 scope.xl function else if ge 按年齡倒序 id大下排序 ...

WPF的Datagrid顯示,樣式(隔行換色)

主要寫一些最近一段時間學習wpf的顯示 直接顯示與.net中的gridview有些相似,直接把乙個list扔入datagrid中就可以顯示,都可以自動的把物件的屬性載入到頁面上。mainwindow.xaml.cs html view plain copy public mainwindow pri...

控制每頁顯示行數及隔行換色

下面簡單說一下,其中公式用的是 crystal語法,資料庫 用的是水晶報表自己帶的access 資料庫我以orders表為例.首先選幾個欄位作個簡單的報表,畫個小格仔,預覽一下。每行的資料顯示滿頁,共21頁 我們限定每頁顯示10行 在設計節上點右鍵選 節專家 操作 詳細資料 節。後面幾步依圖所示,加...