1、对于CSS 部分dropdown 类使用 positionrelative， 这将设置下拉菜单的内容放置在下拉按钮 使用 positionabsolute 的右下角位置。

2、使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中。

3、第一步，进入店铺装修点编辑第二步，点显示设置第三步，将显示代码放进去，这个是我们团队的代码第四，依您的背景颜色和文本变粗，代码如下allcats linkbackground repeat scroll 0 0 #FF0000skin。

4、第一步，打开软件Adobe Dreamweave CS6，创建一个新的HTML第二步，在工作区域body用标签 ul 和 li 输入导航的内容第三，编辑样式CSS在标签之间写入样式表，第四，紧接上一步由于无线序列具有默认样式，前。

5、CSS导航菜单水平居中的方法1首先打开我们的测试编辑工具如图所示新建一个项目2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左。

6、用CSS控制的下拉菜单，在各个浏览器中表现的不够完美，最佳的方法是使用jQuery来制作，代码如下，加了一个缓动的效果HTML部分 菜单零 菜单一 子菜单 子菜单 子菜单 子菜单。

7、一般情况下，导航里面的子菜单都是，主菜单的标签里面，布局一般如下 菜单 菜单 菜单 菜单 菜单 像这样的布局，以上面的布局为例，如果里面的subNav没有设置color，那么将默认继承外层的nav，那么如果要修改里面子菜。

8、代码如下 也就是我的网站的导航栏你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0。

9、然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面 最后运行html页面，你就会看到如下图所示的导航条，当鼠标放在某个导航上时，背景色会变成红色。

10、让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了下面是简单的代码实现，仅供参考* margin0px padding0pxli liststyle width100px height30px fontsize14。

11、1在下拉菜单的CSS样式中，使用zindex属性来控制下拉菜单的层级，确保其位于其他页面内容之上，但不会重叠和撑开下面的内容2在网页布局时，将下拉菜单的位置放在其它内容的空白区域，避免下拉菜单和下面的内容发生重叠或。

12、让用户更深记住你的店铺 4店铺链接可以前往店铺装修－页面属性－复制链接地址 5如果你懂CSS代码编写，可以自行编写网页CSS代码来设计更加精美的首页导航，还能做到Wordpress那样的二级三级目录显示，小编不懂这里就不说明。

13、1修改导航分类下面的背景色，代码如下skinboxbd linkbackground#000000 修改导航分类下面的图片，代码如下skinboxbd linkbackgroundurl图片链接 2修改整个导航的背景色 skinboxbd menu。

14、HTMLlt！DOCTYPE html html， body margin 0 padding 0 background #E6E6E6 nav liststyle width 100% height 30px background #。

15、1HTML代码中的一级导航li定义了class=quotnavquot，主要用于区分二级导航的li2CSS代码中一级导航的样式中定义了相对定位positionrelative，不设定任何位置参数值，主要给子代码定位使用3二级导航的绝对定位。

16、查看效果 把html文件保存后，使用浏览器打开即可看到横向导航菜单效果如图所有代码 ！DOCTYPE html html head meta charset=#34UTF8#34 title横向导航菜单title style type=#34textcss#34 nav li。

17、里面有导航栏颜色的CSS代码生成工具以上代码除了最后一句关于下拉菜单半透明的是我手动添加上去的，其余设置颜色方面的代码都是工具生成的，对于对CSS不怎么了解的朋友，应该还是挺有帮助的希望我的回答能够帮到你。