淘宝店铺装修CSS特效代码合集52种样式

<p> <s class="skin-box-bt"></s></p> <div data-componentid="5003" data-spm="110.0.5003-20661518" data-title="自定义内容区" data-widgetid="20661518"> <div class="skin-box tb-module"> <s class="skin-box-tp"></s> <div class="skin-box-bd clear-fix"> <div class="J_TWidget" data-widget-config="{'effect': 'scrollx',&#13;&#9;&#9;&#9;'autoplay': 'ture',&#13;&#9;&#9;&#9;'duration':'0.5',&#13;&#9;&#9;&#9;'easing':'elasticOut',&#13; &#9;'steps':1,&#13; &#9;'viewSize':[890],&#13;&#9;'prevBtnCls':'prev',&#13;&#9;'nextBtnCls':'next', &#13;&#9;&#9;&#9; 'disableBtnCls': 'disable',&#13; 'autoplay':true &#13;&#9;&#9;&#9;'contentCls':'piaofu'&#13; }" data-widget-type="Tabs"> <ul class="toseise" style="display: none;"> <li class="odslos"> &nbsp;</li> </ul> <div class="piaofu"> <div style="background: rgb(239, 226, 207); border: 1px solid rgb(204, 204, 204); width: 948px; height: 452px; font-size: 12px; float: left; z-index: 99;"> <div class="J_TWidget top20" data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','prevBtnCls':'prev','nextBtnCls':'next','navCls':'nav','contentCls':'content','activeTriggerCls':'active','autoplay':true}" data-widget-type="Carousel"> <div align="left" style="background: rgb(239, 226, 207); width: 948px; float: left;"> <div style="width: 948px; height: 340px; font-family: arial; position: relative;"> <ul class="content" style="left: -7584px; width: 8532px;"> <li style="width: 948px; text-align: center; float: left; display: block;"> <table border="0" cellpadding="0" cellspacing="0" class="" width="948"> <tbody> <tr> <td height="336" width="336"> <table border="0" cellpadding="0" cellspacing="0" class="" width="336"> <tbody> <tr> <td colspan="3" height="20"> <span>&nbsp;</span></td> </tr> <tr> <td width="10"> </td> <td align="middle" bgcolor="#999999" height="316" valign="center" width="316"> <div style="background: rgb(239, 226, 207); margin: 1px; border: 3px solid rgb(239, 226, 207); width: 310px; height: 310px; display: block;"> <span><a href="http://kktaoc.taobao.com" target="_blank"><img alt="" border="0" height="310" src="http://img02.taobaocdn.com/L1/142/1363441/modules/tshop-um-mybigpicitemlist/assets/images/item310_3.jpg" style="margin: 0px; float: none;" width="310" /></a></span></div> </td> <td width="9"> </td> </tr> </tbody> </table> </td> <td width="612"> <table border="0" cellpadding="0" cellspacing="0" class="" width="612"> <tbody> <tr> <td height="20"> <span>&nbsp;</span></td> </tr> <tr> <td align="left" height="80" valign="center"> <div> <table border="0" cellpadding="0" cellspacing="0" class="" width="100%"> <tbody> <tr> <td height="45" width="5%"> <span>&nbsp;</span></td> <td width="14%"> <span><span style="color: rgb(143, 110, 65); font-size: 40px;">热销</span></span></td> <td width="20%"> <span><a href="http://kktaoc.taobao.com/"><img alt="" border="0" height="80" src="http://2.baobeitu.com/upload/1211/22/1833562863!37876.png" width="124" /></a></span></td> <td width="61%"> <span><strong><span style="color: rgb(143, 110, 65); font-size: 40px;">No.1</span></strong></span></td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td align="left" height="50"> <div style="height: 50px; color: rgb(143, 110, 65); line-height: 25px; font-size: 20px; margin-right: 60px; margin-left: 22px;"> <span>开开淘城，让淘宝开店不再困难，kktaoc.taobao.com，宝贝标题直接修改即可.....</span>大图310*310 小图80*80</div> </td> </tr> <tr> <td height="47"> <div style="margin-left: 20px;"> <table border="0" cellpadding="0" cellspacing="0" class="" width="100%"> <tbody> <tr> <td align="left" valign="bottom" width="55"> <span><img height="47" src="http://2.baobeitu.com/upload/1211/22/1833579276!37876.png" width="55" /></span></td> <td align="left" valign="bottom" width="545"> <span><span style="font-size: 18px;"><span style="color: rgb(143, 110, 65);">折扣价：</span></span><span style="font-size: 36px;"><span style="color: rgb(143, 110, 65);"><span style="font-family: microsoft yahei;"><span>￥</span></span><span>888.00</span></span></span></span></td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td height="25" valign="bottom"> <div style="height: 20px; text-align: left; margin-left: 5px;"> <span><span><span style="font-size: 12px;"><span style="color: rgb(143, 110, 65);">&nbsp;&nbsp;&nbsp;最近30天售出<strong>188</strong>笔 丨 人气收藏指数：<strong>1589</strong>人</span></span></span></span></div> </td> </tr> <tr> <td height="28"> <table border="0" cellpadding="0" cellspacing="0" class="" width="600"> <tbody> <tr> <td width="6"> </td> <td align="middle" height="25" valign="center" width="357"> <div style="border: 1px solid rgb(153, 153, 153); width: 355px; height: 28px; z-index: 999;"> <table border="0" cellpadding="0" cellspacing="0" class="" width="355"> <tbody> <tr> <td align="left" height="28" valign="center"> <span><span style="color: rgb(143, 110, 65);"><span><span style="font-size: 12px;"><a href="http://kktaoc.taobao.com/">http://kktaoc.taobao.com/</a></span></span></span></span></td> </tr> </tbody> </table> </div> </td> <td width="10"> <span><span style="color: rgb(0, 0, 0);">&nbsp;</span></span></td> <td align="middle" bgcolor="#8f6e41" valign="center" width="70"> <span><span><span style="font-size: 12px;"><a href="http://kktaoc.taobao.com/" target="_blank"><span style="color: rgb(255, 255, 255);">立即购买</span></a></span></span></span></td> <td width="10"> <span>&nbsp;</span></td> <td align="middle" bgcolor="#999999" valign="center" width="70"> <span><span><span style="font-size: 12px;"><a href="http://kktaoc.taobao.com/" target="_blank"><span style="color: rgb(255, 255, 255);">立即收藏</span></a></span></span></span></td> <td width="77"> <span>&nbsp;</spa