1、主要利用框架集制作web导航栏的jsp是一种常用的方法框架集可以通过目标连接相关页面，实现导航1indexjsp垂直主导航，主页面和页脚横向主页面分为左导航和两个内容使用2topjsp表格或div和css来横向布局相应的；1用Dreamweaver新建一个HTML文件2修改title为html+css实现横向导航3新建一个div id为“a”，添加ul li标签4在li中添加自己想要的文字 并调整好文字间距，按F12预览5首先去掉字体前面的小黑点6接；2然后点击导航栏的“窗口”，在其子菜单中会看到“属性”选项，可以点击一下3这时候就发现页面底部有工具栏面板弹出来了将光标定位到某个标签，下面属性栏就显示某个标签的相关属性 4点击属性面板右侧的菜单图标；如何使用css布局水平导航栏 如果是导航菜单，可以用ul不必要列表制作同时在CSS中使用floatleft控制李向左浮动实现水平菜单请注意，UL或UL的父容器的宽度必须大于所有li宽度的总和例如 html怎么把一行图片变两行横向排列；导航栏标签可以直接在H5使用2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就是就是将p设置为displayta。

2、首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示 接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示；18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏。

3、lt！doctype html lthtml lthead lttitle导航条lttitle ltstyle body margin 0boxsizing borderbox nav *最外层框宽度* width 150px nav ul margin 0padding 0 nav ul li。

4、01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写样；你的导航是浮动不随网页上下滚动条移动可以使用div positionfixed left0 top0 width100px height100% 如果是跟随内容改动，你的内容区分左右两块，左边写你的导航就可以了；建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

5、超级实用！网站导航栏设计形式综述导航对一个网站起着重要的导向作用一个优秀的导航设计可以让用户快速找到自己需要的东西，让用户清楚地了解网站的结构框架，起到重要的指导作用以下是一些常见的网页导航形式 1顶部导航 置顶导航广泛应；1打开Deamweaver8，新建一网页文件接着输入以下导航菜单的内容lthtml xmlns=quot lthead ltmeta；如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding然后定位导航条的div，这里我就用绝对定位来居中，如果你有其他导航条居中。

6、1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果；html做导航栏步骤如下1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个divid为“a”，添加ulli标签5在li中添加自己想要的文字并调整；首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示接下来，我们在html的body结构中添加导航栏的内容，如下图所示然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候。