请教高手产品图片怎么加边框？？ - - Powered by Discuz!NT Archiver

cxzg - 2009/8/25 12:27:00

产品图片怎么加边框？？

xiyou - 2009/8/25 14:19:00

源代码中查看控制产品图片的的class名

然后直接在lanmu.css中给对应的class属性加border边框属性

cxzg - 2009/8/26 1:31:00

呵呵其实我知道就是考考你！竟然比我都帅！:-|

pfreestar - 2009/8/26 1:43:00

:Z

20674448 - 2009/9/18 17:16:00

楼上的知道怎么加，，吧代码丢出来我也要加啊

hblibing - 2009/11/5 16:55:00

我也是不会，不知道代码在哪儿修改？怎么样找到那个CLASS名

hblibing - 2009/11/6 16:26:00

我找到的对应的CSS，就是以下这个，但我尝试加border:1，没有起作用，请问题这个代码应该怎么改？

/*栏目内容> 产品列表版快*/
.uc_lanmu_product_style_1{text-align:center;border:1; solid #cccccc;margin:0 0 15px 0;}
.uc_lanmu_product_style_1_image{border:1;margin:5px 0 5px 0;}

那个产品图片控制的代码如下：
<ul class="uc_lanmu_product_style_1"  title=" LS-SF1048 48 Ports 10/100M Rackmount Switch ">
<li><a href="/index.aspx?menuid=12&type=productinfo&lanmuid=40&infoid=83&language=en" target="_self"><img src="/upload/product/2009-11/04152514.jpg"   class="uc_lanmu_product_style_1_image"  style="height:150px" border="0"></a></li>
<li><a href="/index.aspx?menuid=12&type=productinfo&lanmuid=40&infoid=83&language=en" target="_self">LS-SF1048 48 Ports 10/100M Rackmount Switch</a></li>
</ul>
</td><td>
<ul class="uc_lanmu_product_style_1"  title=" LS- ES1026RF 24Port 10/100M Rackmount Switch ">
<li><a href="/index.aspx?menuid=12&type=productinfo&lanmuid=40&infoid=82&language=en" target="_self"><img src="/upload/product/2009-11/04152141.jpg"   class="uc_lanmu_product_style_1_image"  style="height:150px" border="0"></a></li>
<li><a href="/index.aspx?menuid=12&type=productinfo&lanmuid=40&infoid=82&language=en" target="_self">LS- ES1026RF 24Port 10/100M Rackmount Switch</a></li>
</ul>
</td>

应该来说，CLASS 就是 uc_lanmu_product_style_1 ，对吧？

hblibing - 2009/11/6 16:36:00

整个代码写出来！
/*栏目内容> 产品列表版快*/
.uc_lanmu_product_style_1{text-align:center;border:0 solid #cccccc;margin:0 0 15px 0;}
.uc_lanmu_product_style_1_image{margin:5px 0 5px 0;}

.uc_lanmu_product_style_2{clear:both;text-align:left;border:1px solid #dddddd;margin:0 0 0 0;padding:15px 0 5px 0;border-width:0 0 1px 0;height:100%;overflow:hidden;}
.uc_lanmu_product_style_2_box_1{float:left;text-align:center;margin:0 15px 0 0;padding:0 0 0 15px;}
.uc_lanmu_product_style_2_box_2{float:none!important;float:left;margin:0 0 0 10px;overflow:hidden;}
.uc_lanmu_product_style_2_image{margin:0 0 5px 0;border:0 solid #dddddd}

.uc_lanmu_productinfo_box_1{clear:both;width:100%;text-align:left;margin:10px 0 10px 0;padding:0 5px 0 5px;overflow:hidden;}
.uc_lanmu_productinfo_box_1_left{float:left;text-align:center;margin:15px 20px 10px 10px;overflow:hidden;}
.uc_lanmu_productinfo_box_1_right{float:none!important;float:left;text-align:left;margin:15px 0 10px 0;overflow:hidden;}

.uc_lanmu_productinfo_title{text-align:left;border:0 dotted #cccccc;border-width:0 0 1px 0;margin:0 0 5px 0;font-weight:bold;padding:0 0 0 0;width:100%;overflow:hidden;}

.uc_lanmu_productinfo_detail{clear:both;font-weight:bold;border:0 solid #cccccc;text-align:left;border-width:0 0 1px 0;width:100%;overflow:hidden;}
.uc_lanmu_productinfo_box_2{text-align:left;padding:10px 10px 0 10px;}
.uc_lanmu_productinfo_image{width:250px;margin:0 0 0 0;border:1 solid #cccccc;cursor:pointer;}

apple - 2009/11/6 16:36:00

应该是uc_lanmu_product_style_1_image
代码是border:1px solid #cccccc

语法要符合W3C标准:D :D

hblibing - 2009/11/6 16:57:00

谢谢你，APPLE很可爱！！
加了边框后，感觉老土，不好看，还是改回来了！！！:)

产品使用及交流论坛