弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 3558|回复: 0

ProductSummary.css示范脚本

[复制链接]
发表于 2017-1-10 11:31:44 | 显示全部楼层 |阅读模式
#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):
未标题-2.jpg
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;}

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-27 14:50 , Processed in 0.052878 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表