&

css布局怎樣實現(xiàn)li隔行換色：

我們以前在DW中用表格布局著我們的網(wǎng)頁的時候常常用到一種設(shè)計手法–隔行換色。也就是新聞列表或是列表類的每隔一行就換另一個色彩這樣顯得很漂亮也很合適閱讀。所以這種手法被廣大的設(shè)計師們收入囊中作為自己的又一把工具刀。但是隨著網(wǎng)頁標(biāo)準(zhǔn)浪潮的來襲，這種設(shè)計效果慢慢變得沒有了，原因主要是來自于標(biāo)準(zhǔn)化后的這種效果的實現(xiàn)上。

網(wǎng)站設(shè)計中，由于標(biāo)準(zhǔn)后我們都用UL來代替了表格，代碼雖然少了很多，但是好像效果也隨之少了。隔行換色也遇到了瓶頸。我采用過CLASS方式來進(jìn)行隔行換色：

<ul>

</ul>

通過在父級設(shè)定背景從而使得當(dāng)前級得到隔行換色或是隔N行換N色。

<ul>

<li><a href=”" alt=”">廣州網(wǎng)站建設(shè)huiduochem.com…</a><em>(2006-12-18)</em></li>

<li><a href=”" alt=”">大背景實現(xiàn)…</a><em>(2006-12-18)</em></li>

</ul>

</div>

采用的是兩行背景重復(fù)。而這個背景圖是定義在UL上的而不定義在LI上。這樣又使得我們少寫一點代碼，讓代碼顯得更加的干凈。

本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng)，轉(zhuǎn)載請保留版權(quán)（廣州網(wǎng)站建設(shè)huiduochem.com ）三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營銷型網(wǎng)站定制，歡迎來電咨詢！熱線：020-85628720、15915767698