在學(xué)做網(wǎng)站時，網(wǎng)站導(dǎo)航上經(jīng)常有下拉菜單，這樣可以在有限的導(dǎo)航上呈現(xiàn)出更多的欄目。

如何在做網(wǎng)站時，能夠制作出下拉菜單呢？【相關(guān)知識：如何制作wordpress下拉菜單】

網(wǎng)站制作下拉菜單的步驟如下：

1. 在網(wǎng)站的CSS樣式中加入以下的CSS代碼：
   body{margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; background:url(/jscss/demoimg/201303/tittlePicture.png) no-repeat;}
   body a{color:#FFF;}
   .box{margin:240px auto; padding:0px; width:1000px;}
   .box ul{margin:0px; padding:0px; list-style:none;}
   .box ul li{margin:0px 2px 0px 0px; padding:0px; width:120px; height:35px; display:inline; float:left; background:url(/jscss/demoimg/201303/zk.png) no-repeat 0 0; border-radius:4px; box-hadow:#000 0px 0px 1px;}
   .box ul li:hover ul{display:block;}
   .box ul li a{text-align:center; width:121px; height:37px; line-height:35px; display:block; text-ecoration:none;}
   .box ul li ul{display:none;}
   .box ul li ul li{margin:0px 0px 2px 0px; padding:0px; background:url(/jscss/demoimg/201303/zkTwo.png) no-repeat;}
   .box ul li ul li:hover{background:#666;}
   .box ul li ul li:hover ul{visibility:visible;}
2. 在網(wǎng)站導(dǎo)航欄的DIV上，粘貼以下代碼，就可以實現(xiàn)在網(wǎng)站上顯示下拉菜單：
   <div class="box">
   <ul>
   <li><a href="#">源碼愛好者</a>
   <ul>
   <li><a href="#">Two-level menu</a></li>
   <li><a href="#">技術(shù)文章</a></li>
   <li><a href="#">源碼下載</a></li>
   <li><a href="#">Two-level menu</a></li>
   <li><a href="#">Two-level menu</a></li>
   </ul>
   </li>
   </ul>
   </div>

標簽： isp 代碼 網(wǎng)站制作

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。