ProductSummary.css示范脚本

admin

#ProductSummary ul li{ clear:both; margin-bottom:10px;}
#ProductSummary ul li .thumbs{ float:left; display:block; margin-right:10px;}
#ProductSummary ul li .thumbs a{ display:block; padding:2px;}
#ProductSummary ul li img{ width:138px; height:100px;}
#ProductSummary .detail .title a{ font-size:14px;}
#ProductSummary .detail .intro{ color:#777; line-height:1.6em;}

范例一(ANRAY)：

DIV:
<div class="product">$func_product(navi=Navigator,para=Product,rows=4,list=5,more=more.gif)$</div>
CSS:
#ProductSummary ul li{ float:left; width:400px; height:100px; overflow:hidden; margin-bottom:10px;}
#ProductSummary ul li .thumbs{ float:left; display:block; margin-right:10px;}
#ProductSummary ul li .thumbs a{ display:block; padding:2px;}
#ProductSummary ul li img{ width:138px; height:100px;}
#ProductSummary ul li:nth-child(2n+2){margin-left:30px;}
#ProductSummary .detail .title a{ font-size:14px;}
#ProductSummary .detail .intro{ color:#777; line-height:1.6em;}

.product #ProductSummary ul li{ width:290px;}
.product #ProductSummary ul li:nth-child(2n+2){margin-left:8px;}