站长推荐:淘宝一键安装模板,永久使用,20分钟搞定装修 点击查看

模板介绍:黑色淘宝女装基础版店铺装修免费模板自带轮播图代码模板

模板风格:黑色

适用行业:女装类目!

适合旺铺:淘宝旺铺基础版

基础版旺铺具体设置方法请看:基础背景图设置教程

专业版旺铺具体设置方法请看:专业版背景图设置教程

模板首页效果图:

8.jpg

以下是代码部分:PS:代码分4部分,一个是店招(图片直接插入就好了),还有导航条代码  另外是右边代码  和左边代码,直接复制然后在代码模式下操作,就可以了。

非常简单的,不懂的可以进群交流,网页下方有进群方式,谢谢合作!

店招图片:先点图片右键保存在本地,然后在上传到图片空间,最后插入店招里就好

店招.gif

导航条黑色代码:把以下代码放进导航显示里面就好了

 .skin-box-bd, .skin-box-bd .menu-list, .all-cats, .skin-box-bd .all-cats .title, .skin-box-bd .menu-list .menu .title, .skin-box-bd .all-cats .link, .skin-box-bd .menu-list .menu .link{height:40px;line-height:40px;}
 .skin-box-bd .menu-list .menu{border-right:1px solid #333333;}
 .skin-box-bd .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link{background:#6EA60D;}
 .skin-box-bd .menu-list .menu .link .title{color:#ffffff;}
 .skin-box-bd .menu-list .menu:hover .link .title, .skin-box-bd .menu-list .menu-hover .link .title{color:#ffffff;}
 .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title{font-size:12px;}
 .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title, .skin-box-bd .popup-content .menu-popup-cats .sub-cat a, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .snd-cat-name{font-family:arial;}
 .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{display:on;}
 .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{margin-top:14px;}
 .skin-box-bd .menu-list .menu .link{padding:0 20px;}
 .skin-box-bd .all-cats .link{width:170px;}
 .skin-box-bd .all-cats:hover .link, .skin-box-bd .all-cats-hover .link{background:#6EA60D;}
 .skin-box-bd .all-cats .link .title{color:#ffffff;}
 .skin-box-bd .all-cats:hover .title, .skin-box-bd .all-cats-hover .title{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover{background:#7AB80E;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .fst-cat{border-color:#E1E1E1;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .cat-hd-hover{border-color:#7AB80E;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{font-size:12px;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover{background:#6EA60D;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd a.snd-cat-name{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover a.snd-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover a.snd-cat-name{color:#ffffff;}
 .skin-box-bd .popup-content .cats-tree .snd-cat-name{font-size:12px;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{background:#7AB80E;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover a, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover a{color:#ffffff;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat{border-color:#E1E1E1;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{border-color:#7AB80E;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat a{font-size:12px;}
 .skin-box-bd, .skin-box-bd .menu-list{background:#141212;}
 .skin-box-bd .menu-list .menu .link{background:#141212;}
 .skin-box-bd .all-cats .link{background:#141212;}
 .skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#141212;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat a{color:#ebefe4;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{color:#ebefe4;}

右边代码:先自定义750,然后在复制代码进去,注意要在代码模式下操作喔!可先在线运行查看效果!

	<div class="box">
	<div class="shop-custom">
		<div class="hd">
			<h3>&nbsp;</h3>
		</div>
		<div class="bd">
			<div class="custom-area">
				<div style="width:750px;height:400px;overflow:hidden;float:left;" class="slider-promo J_TWidget" align="left" data-widget-config="{&quot;activeTriggerCls&quot;:&quot;current&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;navCls&quot;:&quot;lst-trigger&quot;,&quot;contentCls&quot;:&quot;lst-main&quot;}" data-widget-type="Slide">
					<ul class="lst-main">
						<li>
							<div align="center">
								<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第1张大图链接的宝贝网址&quot;}]"><img border="0" src="//gdp.alicdn.com/imgextra/i1/T2vBVWXkpbXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第1张大图750x400图片地址&quot;}]" /></a>
							</div>
						</li>
						<li>
							<div align="center">
								<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第2张大图链接的宝贝网址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i2/T2URRWXmXbXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第2张大图图片地址&quot;}]" /></a>
							</div>
						</li>
						<li>
							<div align="center">
								<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第3张大图链接的宝贝网址&quot;}]"><img border="0" src="//gdp.alicdn.com/imgextra/i1/T2vBVWXkpbXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第3张大图图片地址&quot;}]" /></a>
							</div>
						</li>
						<li>
							<div align="center">
								<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第4张大图链接的宝贝网址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i2/T2URRWXmXbXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第4张大图图片地址&quot;}]" /></a>
							</div>
						</li>
					</ul>
					<ul class="lst-trigger">
						<li class="current">
							1
						</li>
						<li>
							2
						</li>
						<li>
							3
						</li>
						<li>
							4
						</li>
					</ul>
				</div>
				<li>
					<ul>
					</ul>
					<div>
						&nbsp;
					</div>
					<div class="lzj">
						<div align="left">
							<table border="0" cellspacing="0" cellpadding="0" width="750" height="2">
								<tbody>
									<tr>
										<td bgcolor="#ffffff">
											&nbsp;
										</td>
									</tr>
								</tbody>
							</table>
							<table border="0" cellspacing="0" cellpadding="0" width="750" height="372">
								<tbody>
									<tr>
										<td colspan="4">
											<img alt="" src="//gdp.alicdn.com/imgextra/i2/T2pRVWXkJbXXXXXXXX-82595315.jpg" width="555" height="79" />
										</td>
										<td colspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2S8RWXmhbXXXXXXXX-82595315.jpg" width="195" height="79" />
										</td>
									</tr>
									<tr>
										<td height="235" background="//gdp.alicdn.com/imgextra/i3/T2bBVWXlhbXXXXXXXX-82595315.jpg" rowspan="2" width="329" colspan="2" align="middle">
											<font color="#ffffff"> <marquee direction="up" height="213" width="282" scrollamount="1" scrolldelay="60" style="height:213px;width:282px;">文字是向上滚动的,双击一定要在框内粘贴文字,不要删除这个框,文字不能复制WORD文档,请不要删除完这里的文字,留一个再输入你的文字。</marquee></font>
										</td>
										<td rowspan="2" colspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i2/T21RRWXlVbXXXXXXXX-82595315.jpg" width="226" height="235" />
										</td>
										<td height="195" background="//gdp.alicdn.com/imgextra/i3/T2kRVWXkRbXXXXXXXX-82595315.jpg" width="195" colspan="2" align="middle">
											<a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2LGh1XkVaXXXXXXXX-82595315.jpg" width="190" height="190" /></a>
										</td>
									</tr>
									<tr>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i2/T2T8RWXmhbXXXXXXXX-82595315.jpg" width="1" height="40" />
										</td>
										<td height="97" valign="top" background="//gdp.alicdn.com/imgextra/i4/T2zRVWXkXbXXXXXXXX-82595315.jpg" rowspan="2" width="194" align="middle">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="70">
													<tbody>
														<tr>
															<td height="45" colspan="2" align="middle">
																<font color="#beb289">名</font><font color="#beb289">称简单介绍,不要回车自动串行 </font><font color="#beb289">图片190*190</font>
															</td>
														</tr>
														<tr>
															<td height="25" width="90" align="right">
																<img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
															</td>
															<td height="25" width="85" align="left">
																<font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i2/T2hlVWXk4bXXXXXXXX-82595315.jpg" width="62" height="57" />
										</td>
										<td height="57" background="//gdp.alicdn.com/imgextra/i3/T288RWXldbXXXXXXXX-82595315.jpg" width="336" colspan="2" align="left">
											<font color="#beb289">店主:</font><font color="#a756c4"><img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i2/T29MdrXbdMXXXXXXXX-712306726.jpg" /></font><font color="#beb289"> 客服:</font><font color="#a756c4"><img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i2/T29MdrXbdMXXXXXXXX-712306726.jpg" /></font>
										</td>
										<td colspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i4/T2aRVWXllbXXXXXXXX-82595315.jpg" width="158" height="57" />
										</td>
									</tr>
									<tr>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="62" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="267" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="69" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="157" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="1" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="194" height="1" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="left">
							<table border="0" cellspacing="0" cellpadding="0" width="751" height="620">
								<tbody>
									<tr>
										<td colspan="9">
											<img alt="" src="//gdp.alicdn.com/imgextra/i4/T2x8VWXkhbXXXXXXXX-82595315.jpg" width="751" height="17" />
										</td>
									</tr>
									<tr>
										<td rowspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2dRVWXlXbXXXXXXXX-82595315.jpg" width="159" height="241" />
										</td>
										<td height="172" background="//gdp.alicdn.com/imgextra/i1/T25RRWXlFbXXXXXXXX-82595315.gif" width="172" colspan="2" align="middle">
											<a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i3/T1O_i7XiNtXXcuUuj8-82595315.gif" width="160" height="160" /></a>
										</td>
										<td rowspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T20RRWXl4bXXXXXXXX-82595315.jpg" width="36" height="241" />
										</td>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2oBVWXkJbXXXXXXXX-82595315.gif" width="172" align="middle">
											<a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T1ynm7XhltXXcuUuj8-82595315.gif" width="160" height="160" /></a>
										</td>
										<td rowspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2sBVWXkBbXXXXXXXX-82595315.jpg" width="33" height="241" />
										</td>
										<td height="172" background="//gdp.alicdn.com/imgextra/i3/T2sRtWXl4bXXXXXXXX-82595315.gif" width="172" colspan="2" align="middle">
											<a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i2/T1k_m7XhNtXXcuUuj8-82595315.gif" width="160" height="160" /></a>
										</td>
										<td rowspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2w8VWXkhbXXXXXXXX-82595315.jpg" width="7" height="241" />
										</td>
									</tr>
									<tr>
										<td height="69" background="//gdp.alicdn.com/imgextra/i2/T2XlVWXlpbXXXXXXXX-82595315.gif" width="172" colspan="2" align="middle">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
													<tbody>
														<tr>
															<td height="45" colspan="2" align="middle">
																<font color="#beb289">打字输入商品简单介绍<br />
																&nbsp;图片160*160</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="80" align="right">
																<img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="80" align="left">
																<font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
										<td height="69" background="//gdp.alicdn.com/imgextra/i4/T268RWXlBbXXXXXXXX-82595315.gif" width="172" align="middle">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
													<tbody>
														<tr>
															<td height="45" colspan="2" align="middle">
																<font color="#beb289">打字输入商品简单介绍<br />
																&nbsp;图片160*160</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="80" align="right">
																<img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="80" align="left">
																<font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
										<td height="69" background="//gdp.alicdn.com/imgextra/i1/T2lRVWXkNbXXXXXXXX-82595315.gif" width="172" colspan="2" align="middle">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
													<tbody>
														<tr>
															<td height="45" colspan="2" align="middle">
																<font color="#beb289">打字输入商品简单介绍<br />
																&nbsp;图片160*160</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="80" align="right">
																<img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="80" align="left">
																<font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td rowspan="2" colspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i4/T2t8VWXkxbXXXXXXXX-82595315.jpg" width="177" height="167" />
										</td>
										<td colspan="3">
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T22RRWXlRbXXXXXXXX-82595315.jpg" width="362" height="27" />
										</td>
										<td rowspan="2" colspan="4">
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Z8RWXl4bXXXXXXXX-82595315.jpg" width="212" height="167" />
										</td>
									</tr>
									<tr>
										<td height="140" background="//gdp.alicdn.com/imgextra/i3/T23BRWXlNbXXXXXXXX-82595315.gif" width="362" colspan="3">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="362" height="140">
													<tbody>
														<tr>
															<td valign="bottom" align="left">
																<font color="#beb289">本店新进一批韩版服装,亲们快来选购哦~</font>
															</td>
														</tr>
														<tr>
															<td valign="bottom" align="left">
																<font color="#beb289">这里写促销活动信息一行</font>
															</td>
														</tr>
														<tr>
															<td valign="bottom" align="left">
																<font color="#beb289">这里写促销活动信息一行</font>
															</td>
														</tr>
														<tr>
															<td valign="bottom" align="left">
																<font color="#beb289">这里写促销活动信息一行</font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td height="194" background="//gdp.alicdn.com/imgextra/i2/T24lRWXlJbXXXXXXXX-82595315.gif" width="653" colspan="7" align="middle">
											 <marquee height="161" behavior="alternate" width="556" scrollamount="2" scrolldelay="60" style="height:161px;width:556px;"><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第1张链接地址&quot;}]">&nbsp;<img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i3/T1O_i7XiNtXXcuUuj8-82595315.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第1张图(160x160大小)空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第2张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T1k_m7XhNtXXcuUuj8-82595315.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第2张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第3张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i3/T1O_i7XiNtXXcuUuj8-82595315.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第3张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第4张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T1k_m7XhNtXXcuUuj8-82595315.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第4张空间图片地址)&quot;}]" /></a></marquee>
										</td>
										<td colspan="2">
											<img alt="" src="//gdp.alicdn.com/imgextra/i2/T2P8RWXmpbXXXXXXXX-82595315.jpg" width="98" height="194" />
										</td>
									</tr>
									<tr>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="159" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="18" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="154" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="36" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="172" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="33" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="81" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="91" height="1" />
										</td>
										<td>
											<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2o8VWXkJbXXXXXXXX-82595315.jpg" width="7" height="1" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div>
						&nbsp;
					</div>
				</li>
			</div>
		</div>
	</div>
</div>			


左边代码:先自定义750,然后在复制代码进去,注意要在代码模式下操作喔!可先在线运行查看效果!


<div class="box">
	<div class="shop-custom no-border">
		<div class="bd">
			<div class="custom-area">
				<div class="lzj">
					<div align="center">
						<table border="0" cellspacing="0" cellpadding="0" width="190" background="//gdp.alicdn.com/imgextra/i4/T27xB3XiVbXXXXXXXX-82595315.gif">
							<tbody>
								<tr>
									<td>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2lNx3XiRbXXXXXXXX-82595315.gif" width="190" height="85" />
									</td>
								</tr>
								<tr>
									<td height="280" valign="top" background="//gdp.alicdn.com/imgextra/i4/T27xB3XiVbXXXXXXXX-82595315.gif" align="middle">
										<table border="0" cellspacing="0" cellpadding="0" width="185" background="//gdp.alicdn.com/imgextra/i4/T27xB3XiVbXXXXXXXX-82595315.gif" height="150">
											<tbody>
												<tr>
													<td height="30" align="middle">
														 <font color="#beb289">售前:<img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i2/T29MdrXbdMXXXXXXXX-712306726.jpg" /></font>
													</td>
												</tr>
												<tr>
													<td height="30" align="middle">
														 <font color="#beb289">售后:<img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i2/T29MdrXbdMXXXXXXXX-712306726.jpg" /></font>
													</td>
												</tr>
												<tr>
													<td height="30" align="middle">
														 <font color="#beb289">联系电话:13999999999</font>
													</td>
												</tr>
												<tr>
													<td height="30" align="middle">
														 <font color="#beb289">联系QQ:8888888888</font>
													</td>
												</tr>
												<tr>
													<td height="30" align="middle">
														 <font color="#beb289">工作时间:09:00-22:00</font>
													</td>
												</tr>
												<tr>
													<td height="90">
														 <font color="#beb289">温馨提示:为了快捷收货,请确保联系方式正确无误 </font>
													</td>
												</tr>
											</tbody>
										</table>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i2/T2exF3XitbXXXXXXXX-82595315.gif" width="190" height="43" />
									</td>
								</tr>
							</tbody>
						</table>
						<p><img src="//gdp.alicdn.com/imgextra/i3/T2.oF4XfBbXXXXXXXX-82595315.jpg" /></p>
						<table border="0" cellspacing="0" cellpadding="0" width="185" height="253">
							<tbody>
								<tr>
									<td height="182" background="//gdp.alicdn.com/imgextra/i3/T2.4B3XiFbXXXXXXXX-82595315.gif" width="185" align="middle">
										 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T1VTi7XiNtXXcuUuj8-82595315.gif" /></a>
									</td>
								</tr>
								<tr>
									<td height="71" background="//gdp.alicdn.com/imgextra/i3/T2h4F3XihbXXXXXXXX-82595315.gif" width="185" align="middle">
										<div align="center">
											<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
												<tbody>
													<tr>
														<td height="45" colspan="2" align="middle">
															 <font color="#beb289">名称介绍,不要回车自动串行,文字二行内</font>
														</td>
													</tr>
													<tr>
														<td height="24" width="80" align="right">
															 <img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
														</td>
														<td height="24" width="80" align="left">
															 <font style="color:#E7D295;font-size:12pt;"><strong>99.00</strong></font>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="185" height="253">
								<tbody>
									<tr>
										<td height="182" background="//gdp.alicdn.com/imgextra/i3/T2.4B3XiFbXXXXXXXX-82595315.gif" width="185" align="middle">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i2/T1.Ti7XiltXXcuUuj8-82595315.gif" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="71" background="//gdp.alicdn.com/imgextra/i3/T2h4F3XihbXXXXXXXX-82595315.gif" width="185" align="middle">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
													<tbody>
														<tr>
															<td height="45" colspan="2" align="middle">
																 <font color="#beb289">名称介绍,不要回车自动串行,文字二行内</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="80" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="80" align="left">
																 <font style="color:#E7D295;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<div align="center">
								<table border="0" cellspacing="0" cellpadding="0" width="185" height="253">
									<tbody>
										<tr>
											<td height="182" background="//gdp.alicdn.com/imgextra/i3/T2.4B3XiFbXXXXXXXX-82595315.gif" width="185" align="middle">
												 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T1VTi7XiNtXXcuUuj8-82595315.gif" /></a>
											</td>
										</tr>
										<tr>
											<td height="71" background="//gdp.alicdn.com/imgextra/i3/T2h4F3XihbXXXXXXXX-82595315.gif" width="185" align="middle">
												<div align="center">
													<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
														<tbody>
															<tr>
																<td height="45" colspan="2" align="middle">
																	 <font color="#beb289">名称介绍,不要回车自动串行,文字二行内</font>
																</td>
															</tr>
															<tr>
																<td height="24" width="80" align="right">
																	 <img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
																</td>
																<td height="24" width="80" align="left">
																	 <font style="color:#E7D295;font-size:12pt;"><strong>99.00</strong></font>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="lzj">
									<div align="center">
										<div align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="185" height="253">
													<tbody>
														<tr>
															<td height="182" background="//gdp.alicdn.com/imgextra/i3/T2.4B3XiFbXXXXXXXX-82595315.gif" width="185" align="middle">
																 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i2/T1.Ti7XiltXXcuUuj8-82595315.gif" width="160" height="160" /></a>
															</td>
														</tr>
														<tr>
															<td height="71" background="//gdp.alicdn.com/imgextra/i3/T2h4F3XihbXXXXXXXX-82595315.gif" width="185" align="middle">
																<div align="center">
																	<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
																		<tbody>
																			<tr>
																				<td height="45" colspan="2" align="middle">
																					 <font color="#beb289">名称介绍,不要回车自动串行,文字二行内</font>
																				</td>
																			</tr>
																			<tr>
																				<td height="24" width="80" align="right">
																					 <img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
																				</td>
																				<td height="24" width="80" align="left">
																					 <font style="color:#E7D295;font-size:12pt;"><strong>999.00</strong></font>
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</div>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
								<div align="center">
									<table border="0" cellspacing="0" cellpadding="0" width="185" height="253">
										<tbody>
											<tr>
												<td height="182" background="//gdp.alicdn.com/imgextra/i3/T2.4B3XiFbXXXXXXXX-82595315.gif" width="185" align="middle">
													 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T1VTi7XiNtXXcuUuj8-82595315.gif" /></a>
												</td>
											</tr>
											<tr>
												<td height="71" background="//gdp.alicdn.com/imgextra/i3/T2h4F3XihbXXXXXXXX-82595315.gif" width="185" align="middle">
													<div align="center">
														<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
															<tbody>
																<tr>
																	<td height="45" colspan="2" align="middle">
																		 <font color="#beb289">名称介绍,不要回车自动串行,文字二行内</font>
																	</td>
																</tr>
																<tr>
																	<td height="24" width="80" align="right">
																		 <img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
																	</td>
																	<td height="24" width="80" align="left">
																		 <font style="color:#E7D295;font-size:12pt;"><strong>99.00</strong></font>
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div align="center">
									<table border="0" cellspacing="0" cellpadding="0" width="185" height="253">
										<tbody>
											<tr>
												<td height="182" background="//gdp.alicdn.com/imgextra/i3/T2.4B3XiFbXXXXXXXX-82595315.gif" width="185" align="middle">
													 <a style="color:#BEB289;text-decoration:none;" href="http://www.taobao.com/?scene=taobao_shop"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T1.Ti7XiltXXcuUuj8-82595315.gif" width="160" height="160" /></a>
												</td>
											</tr>
											<tr>
												<td height="71" background="//gdp.alicdn.com/imgextra/i3/T2h4F3XihbXXXXXXXX-82595315.gif" width="185" align="middle">
													<div align="center">
														<table border="0" cellspacing="0" cellpadding="0" width="172" height="69">
															<tbody>
																<tr>
																	<td height="45" colspan="2" align="middle">
																		 <font color="#beb289">名称介绍,不要回车自动串行,文字二行内</font>
																	</td>
																</tr>
																<tr>
																	<td height="24" width="80" align="right">
																		 <img src="//gdp.alicdn.com/imgextra/i4/T2i8VWXkVbXXXXXXXX-82595315.gif" />
																	</td>
																	<td height="24" width="80" align="left">
																		 <font style="color:#E7D295;font-size:12pt;"><strong>99.00</strong></font>
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>