網(wǎng)店裝修不能少的就是banner圖了。banner圖展示著各種爆款，促銷內(nèi)容等，是大篇幅，抓眼球的重要板塊。今天，甩手和大家分享一些帶特效的banner圖裝修代碼，希望為你的店鋪裝修增色加彩，吸引更多的顧客。

甩手提醒大家，此模板最多能承載7張展示圖片，代碼實現(xiàn)陰影效果，為高級代碼，賣家們可以在代碼中更換展示的寶貝鏈接。

<div class="sg-hd"style="color:#351405;overflow:hidden;text-align:center;zoom:1;height:58px"><div style="background:url(http://img02.taobaocdn.com/imgextra/i2/52995017/TB22pMSbVXXXXaeXpXXXXXXXXXX-52995017.jpg) no-repeat center 0;height:58px;overflow:hidden;"><h3 style="font-family:微軟雅黑;font-size: 26px;padding-top: 5px;">本期の推薦/其他賣家想要的標題</h3><h4 style="font-family:arial;text-transform:uppercase;overflow:hidden;font-weight:normal;font-size:14px;padding-top: 2px;">recommend goods</h4></div><span style="clear:both;display:block;overflow:hidden;float: right;position: relative;right: 40px;top: -60px;"><a style="color:#351405;padding:0 15px;margin-top:10px;display:inline-block;;"target="_blank"href="http://shop59633421.taobao.com/search.htm?keyword=+查看更多〉">+查看更多〉</a></span></div><div class="sg-bd"style="font-family:arial;"><ul style="overflow:hidden; clear:both;zoom:1; text-align:center;color:#323232"><li style="float:left;margin:0 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_bgyv643mg7"style="display:block; width:228px; height:230px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="http://item.taobao.com/item.htm?id=17503642751"target="_blank"></a><a href="http://item.taobao.com/item.htm?id=17503642751"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;">展示區(qū)內(nèi)的寶貝標題</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;99.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_bgyv643mg7','align':{'node':'.list_bgyv643mg7','offset':[0,0],'points':['cc','cc']}}"><a href="展示區(qū)內(nèi)的寶貝鏈接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:0 10px 0 0; background:#efe9dc; width:468px; border:1px solid #b0998b"><a class="list_zxovy5vimf"style="display:block; width:468px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i1/T1cKWuFExXXXXXXXXX_!!0-item_pic.jpg_468x468.jpg) no-repeat center center"href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"></a><a href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示區(qū)內(nèi)的寶貝標題->B158-1</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:468px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_zxovy5vimf','align':{'node':'.list_zxovy5vimf','offset':[0,0],'points':['cc','cc']}}"><a href="展示區(qū)內(nèi)的寶貝鏈接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:0 0 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_gr88do6rjf"style="display:block; width:228px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i1/T1df5FFeFfXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"></a><a href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示區(qū)內(nèi)的寶貝標題 ->B144-2</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_gr88do6rjf','align':{'node':'.list_gr88do6rjf','offset':[0,0],'points':['cc','cc']}}"><a href="展示區(qū)內(nèi)的寶貝鏈接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_k9r3ba0gxr"style="display:block; width:228px; height:230px; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T10lSGFhXdXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"></a><a href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示區(qū)內(nèi)的寶貝標題->B130-3</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_k9r3ba0gxr','align':{'node':'.list_k9r3ba0gxr','offset':[0,0],'points':['cc','cc']}}"><a href="展示區(qū)內(nèi)的寶貝鏈接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_5it61x4glp"style="display:block; width:228px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i1/T1ariuFEteXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"></a><a href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示區(qū)內(nèi)的寶貝標題->B163-3</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_5it61x4glp','align':{'node':'.list_5it61x4glp','offset':[0,0],'points':['cc','cc']}}"><a href="展示區(qū)內(nèi)的寶貝鏈接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 10px 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_yd47aqvkio"style="display:block; width:228px; height:230px; background:url(http://img03.taobaocdn.com/bao/uploaded/i4/T1NaIGFXteXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"></a><a href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示區(qū)內(nèi)的寶貝標題->B151-1</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_yd47aqvkio','align':{'node':'.list_yd47aqvkio','offset':[0,0],'points':['cc','cc']}}"><a href="展示區(qū)內(nèi)的寶貝鏈接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li><li style="float:left;margin:10px 0 0 0; background:#efe9dc; width:228px; border:1px solid #b0998b"><a class="list_jgqywyal8y"style="display:block; width:228px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1w4aGFmlcXXXXXXXX_!!0-item_pic.jpg_230x230.jpg) no-repeat center center"href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"></a><a href="展示區(qū)內(nèi)的寶貝鏈接"target="_blank"style="color:#323232;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 0 10px;"> 展示區(qū)內(nèi)的寶貝標題->B141-5</a><span style="display:inline-block;height:20px; line-height:20px;margin:6px 0 0 0;"><b style="color:#323232;font-size:14px;">RMB &yen;30.00</b></span><div style="display:none; width:228px; height:231px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);;opacity:.3"class="J_TWidget"data-widget-type="Popup"data-widget-config="{'trigger':'.list_jgqywyal8y','align':{'node':'.list_jgqywyal8y','offset':[0,0],'points':['cc','cc']}}"><a href="展示區(qū)內(nèi)的寶貝鏈接"style="text-decoration:none;display:block; width:228px;text-align:center; color:#FFF; height:230px;"target="_blank"></a></div></li></ul></div>