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

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

 純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)保健<table><tbody><tr><td>
<ul>
<li><a href="/List?category=165">營養(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">代購特賣場</a></li>
</ul>
</div>  
[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd2211.html
CSS 平級和兒子級樣式寫法示例
設(shè)置margin和padding為0可去掉DIV與DIV的空白
圖趣網(wǎng)微信
建議反饋
×