实现网页中一块区域内容的隔行换色的网页特效代码,用CSS实现!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS隔行换色的ol列表webjx.com</title> <style type="text/css"> <!-- .test{ border:1px solid #000; color:#333; font:12px; } .test ol li{ padding-left:5px;background-color:expression(this.sourceIndex%2 ? '#efefef':'#fefefe'); } --> </style> </head> <body> <div class="test"> <ol> <b>《静夜思》</b> <li>窗前明月光</li> <li>疑是地上霜</li> <li>举头望明月</li> <li>低头思故乡</li> </ol> </div> </body> </html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]