首頁 >web前端 >css教學 >ASP+CSS 實作清單隔行換色_CSS/HTML

ASP+CSS 實作清單隔行換色_CSS/HTML

WBOY
WBOY原創
2016-05-16 12:12:362386瀏覽

列表隔行換色是指在新聞和文章列表中,前一行和後一行的背景色交替顯示,也可稱為斑馬線,給網頁可增色不少。今看到小毅在BI的貼子「標準下隔行換色的思考」,採用UL的兩行背景重複,雖說方法不錯,但LI裡的高度只能採用背景中的實際高度,不夠靈活,所以用ASP+CSS 寫了一個,採用自訂清單。

<%
set rs=......
sql="......"
rs.open sql,con,1,1
%>
<dl>
<% 
i=0
do while not (rs.eof or err)%>
<dt><a href="http://www.forest53.com/tutorials_show.asp?
sortid=<%=rs("sortid")%>&id=<%=rs("id")%>"><%=rs("biaoti")%>
</a></dt>
<% if i mod 2 = 0 then%>
<dd>
<% else %>
<dd class="two"> 
<% end if %>
<%=rs("zhaiyao")%>
</dd>
<%
i=i+1
rs.moveNext
loop
%>
</dl>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn