想用DW做出导航栏必熟知div+css，基本代码ul#navwidth100%height60pxbackground#00A2CAmargin0autoul#navlidisplayinlineheight60pxul#navliadisplayinlineblockpadding020pxheight60pxline。

在此设置一个导航条的导航条背景色为绿色，将代码改为00FF00，即可附颜色代码1白颜色#FFFFFF2红颜色#FF00003绿颜色#00FF004蓝颜色#0000FF5牡丹红#FF00FF6青颜色#00FFFF7黄颜色#FFFF008黑颜色#0000009海颜蓝#70DB。

1进入卖家中心店铺装修找到导航栏编辑按钮 2然后打开编辑，看提示窗口找到显示设置点击后看到白框就是CSS自定义框3将下面对应的透明代码复制进去，导航栏就会透明显示如图A简单的淘宝新旺铺自定义CSS导航透明。

02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候一定要注意写在样式标签里04最后，运行html页面，您将看到如下图所示的导航栏。

borderright solid 1px # textalign center font 14px arial，#39Microsoft Yahei#39，宋体，sansserif，tahoma fontweight bold lineheight 30px color # cursor pointer。

添加样式为 ul li floatleft width80px height30px background#900 lineheight30px textaligncenter marginright2px color#fff 效果，第六，如果需要为导航添加链接，同时获得鼠标。

这是全部代码，如果你会CSS的可以试着改一下就可以用了设置导航条的背景色 * 导航栏背景色* skinboxbd menulist linkbackground repeat scroll 0 0 #00ad08 * 导航列表背景色* skinbox。

今天就给大家介绍导航条的设置css中导航条设置1二个简单的菜单导航条示例代码 这篇文章主要介绍了二个简单的菜单导航条示例，需要的朋友可以参考下，使用代码案例详解导航条设置，简单明了的代码可以做到举一反三效果2。

以下代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用positionfixed，然后将top值设置为0即可lt！DOCTYPE html 固定在窗口顶部 * padding0px margin0pxbody， ul， li background。

一样设为红色 * allcats linkbackgroundred * 到这里，发觉右边的颜色还没有变呢，好的，接着下一步 * * 3导航条整个分类段背景色，还是要设为红色，整体布局好看些 * skinboxbd menu。

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

两个方法1写css 2用图片 1用border写，你可以写在导航的li或者a标签上 li border1px solid #fff * 1像素 直线 白色 * 2图片的话 也是可以写在li 或者 a上 li backgroundurl。

HTML中元素的位置可以用margin来实现，导航栏往下移可以使用margintop属性，举例element margintop100px。

lt！One step to installing this script lt！1 Simply add the below to your BODY lt！ For this script， visit。

一，这要用到float浮动属性二，floatleft代表想做浮动，也就是横向排列是向左边排列四，代码如下 dw如何制作横向导航条设置css，浮动，定位，或者设置display为行内元素，当然，宽度一定要够用。

2修改title为html+css实现横向导航3新建一个div id为“a”，添加ul li标签4在li中添加自己想要的文字 并调整好文字间距，按F12预览5首先去掉字体前面的小黑点6接下来，使文字横向排列，设置代码如下。

分割线没办法去除，不过可以改变颜色，你把他改成和你导航条一样的颜色 效果也一样 一级导航分类除去“所有宝贝”分类分隔线颜色代码如下代码前面还有个小点点哦 别漏掉了 menulist menubordercolor#000000。