1首先创建一个1x6的表格，参数为border=0 cellspacing=3 cellpadding=02在这个表格的每个单元格内分别插入一个表格，宽度和高度设为100%3建立一个CSS样式up和down代码如下styleupborder4 outset royal。

2然后点击导航栏的“窗口”，在其子菜单中会看到“属性”选项，可以点击一下3这时候就发现页面底部有工具栏面板弹出来了将光标定位到某个标签，下面属性栏就显示某个标签的相关属性 4点击属性面板右侧的菜单图标。

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

#39Microsoft Yahei#39，宋体，sansserif，tahoma fontweight bold lineheight 30px color # cursor pointer。

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

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

我们需要实现的效果主要有两点 1点击侧边竖滑动条的圆点时，能跳转定位到对应的板块区域点击箭头圆点时回到顶部 2滚动屏幕时，浏览到某个板块时，侧边栏圆点导航的圆点也会相应被选中我们先来实现第一个。

首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示 接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示。

01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写。

兄弟，你要做网页，代码肯定是要学的 不懂可以私 相信我，慢慢来不难的，我帮你写好了，你只需要修改自己喜欢的样式即可 并且所有要修改样式的地方我都帮你备注好了 您只需要把 这堆东西放入两个标签之间的中间 ul。

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

并设置大小为360px使用画笔，在导航条上方中心画一个圆形区域，设置图层透明度为65%自己可斟酌减少或增加，选择橡皮擦工具擦去不属于导航条的发光区域，剩下要做的就是添加菜单按钮自行设计，使用白色或灰色即可。

很多小伙伴学习了一段时间的HTML和css，就想自己动手试试制作导航条菜单，不过却没有思路，今天小编我就来分享一下HTML和css制作导航条的实例，大家可以参考参考如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li。

width960px height28pxbackground# d1 ahover displayblockbackgroundurlimagesforumMenuBgjpg 0 0 repeatx 这是我以前写的导航代码，图片和颜色你自己改下，希望能够帮到你。

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

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