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

导航栏标签可以直接在H5使用2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就是就是将p设置为displayta。

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

1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个div id为“a”，添加ul li标签5在li中添加自己想要的文字 并调整好文字间距，按F12预览。

1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到之间5网页此时的效果如图，就完成了。

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

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

设置样式浮动，使用绝对定位 html导航栏怎么设置大小先引入layui的样式代码，2创建html代码，添加上layui的导航样式，layuinav 3运行页面，我们就可以看到一个美观的导航菜单了4现在的菜单右边有很多空白的地方，我们可以。

skinboxbd allcats titlefontsize12pxfontweightboldcolor#000000这段代码是控制字体顺序依次是“所有分类”文字的大小，是否加粗，文字的颜色您试试第五，拓展一下所有分类类目下的子类目如何实现。

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

2然后用编辑器打开网站首页模板“indexhtm”，为了直观显示，将其他不必要代码删除，仅用来讲解顶级栏目调用3织梦顶级栏目的调用方法如下图所示，其中row=“3”表示调用顶级栏目三条数据，type=“top”则表示调用的是。

1首先输入下方的代码windowscrollfunction var $nav = $quotfloatingMenu ul liquot，length = $navlength1，获取导航菜单 ul li 的个数 item = new Array，新建一个数组 sTop = $window。

如果你不会编程，可以到很多js源码站，下载复制导航栏的源代码，粘贴到网页上使用也有不少网页导航栏制作软件，可以方便地做出需要的菜单，同样可以复制到网页上使用。

然后再对a添加两个事件，mouseover和mouseout，mouseover中将a标签当中的文字替换成 cn的属性值，mourseout则替换成en的属性值2不知道有没有用jquery，如果有的话可以使用事件代理机制 quot#nav li aquotlive#39mourse。

如果是矩形区域，可以直接用CSS 比如原HTML标签为 博客 然后CSS部分加上代码 a backgroundblue 然后 ahover backgroundred 这样可以实现背景色的转换，如果想要变色的区域不是矩形，那就得准备好原图和激活图了。