导航下拉面板能让导航装载更多的内容,添加更多的关键词,有利于优化,也使网站显得更加高端大气,如果您需要,我就来提供!
首先我们来看看下拉面板的效果吧,这个事稍微复杂一点的下拉面板,我们会一步步为您讲解,如何制作出这样一个下拉面板,但前提是你需要了解CSS的定位知识和HTML代码,因此没有这些基础的同学要先学一下HTML代码和CSS(层叠样式表)的知识。
下面我们先来制作一个简单的导航:css代码片段styletype=text/css*{margin:0;padding:0;border:0;background-repeat:no-repeat;font-size:14px;list-style-type:none;color:#F5F5F5;}a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:none;}a:active{text-decoration:none;}.navgation{width:%;height:36px;line-height:36px;background:#;margin:10pxauto;}.nav{width:px;height:36px;margin:0auto;}.navli{float:left;width:px;border-right:#FFFsolid2px;text-align:center;}.nav.last{border-right:none;}/stylehtml代码片段divclass=navgationulclass=navliahref=