您當(dāng)前位置：圖趣網(wǎng)（Tuquu） >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

純css實(shí)現(xiàn)的下拉菜單只有邊框底紋用到圖片

2014/9/30 11:24:57來(lái)源：腳本之家

 純css實(shí)現(xiàn)的下拉菜單只有邊框底紋用到圖片 三聯(lián) 

 
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xn="http://www.renren.com/2009/xnml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="List_files/style.css">
</head>
<body>
<div class="menu">
<ul>
<li class="navhome"><a href="http://www.corange.cn" class="navhome">Corange.cn</a></li>
<li><a href="/List?category=57">服裝鞋類<table><tbody><tr><td>
<ul>
<li><a href="/List?category=62">女裝</a></li>
<li><a href="/List?category=65">男裝</a></li>
</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=1">箱包配飾<table><tbody><tr><td>
<ul>
<li><a href="/List?category=347">coach專區(qū)</a></li>
<li><a href="/List?category=2">箱包</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=19">運(yùn)動(dòng)戶外<table><tbody><tr><td>
<ul>
<li><a href="/List?category=22">運(yùn)動(dòng)裝</a></li>
<li><a href="/List?category=31">車載裝備</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=162">營(yíng)養(yǎng)保健<table><tbody><tr><td>
<ul>
<li><a href="/List?category=165">營(yíng)養(yǎng)保健品</a></li>
<li><a href="/List?category=166">健康器材</a></li>
</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=30">家居母嬰<table><tbody><tr><td>
<ul>
<li><a href="/List?category=35">母嬰</a></li>
<li><a href="/List?category=52">日用</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=142">數(shù)碼影音<table><tbody><tr><td>
<ul>
<li><a href="/List?category=144">音響影視</a></li>
<li><a href="/List?category=147">數(shù)碼通訊</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=4">美容護(hù)膚<table><tbody><tr><td>
<ul>
<li><a href="/List?category=5">護(hù)膚</a></li>
<li><a href="/List?category=21">香水</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li class="navsale"><a href="/Sales" class="navsale">代購(gòu)特賣場(chǎng)</a></li>
</ul>
</div>  
[教程作者：佚名]
關(guān)鍵詞：實(shí)現(xiàn) 下拉 下拉菜單 菜單 單只 只有 有邊 邊框
免責(zé)聲明：本站文章系圖趣網(wǎng)整理發(fā)布，如需轉(zhuǎn)載，請(qǐng)注明出處，素材資料僅供個(gè)人學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途！
本文地址：http://m.likemindfilms.com/tutorial/wd2211.html
CSS 平級(jí)和兒子級(jí)樣式寫(xiě)法示例
設(shè)置margin和padding為0可去掉DIV與DIV的空白
圖趣網(wǎng)微信
建議反饋
×