border border这是一个class类，然后再结合js去实现；在HTML5页面中，经常使用ltnav标签来充当导航的结构化标签ltnav标签用于定义页面的导航部分，通常包含导航链接或导航菜单它提供了一种语义化的方式来标记页面的导航内容，使得搜索引擎和辅助技术能够更好地理解和处理导航。

先把导航条做出来，然后在每个想有下拉列表的栏目下，画出来下拉的选项，格式一般为 ltdivltulltlilta1ltaltliltlilta2ltaltliltulltdiv，然后调好样式并将div的style设置，display= 然后获取；1用Dreamweaver新建一个HTML文件2修改title为html+css实现横向导航3新建一个div id为“a”，添加ul li标签4在li中添加自己想要的文字 并调整好文字间距，按F12预览5首先去掉字体前面的小黑点6接。

2olli有序列表在网页中显示的默认样式一般为每项 li 前都自带一个序号，序号默认从1开始其实导航栏就是给列表标签设置CSS样式 第一步 在HTML上的文件里加上ulli 标签，在对应的CSS文件中使用下边语句去掉。

html导航怎么做出来的

1、设置导航条的宽和高，网站图标靠左，其他链接靠右用css+html，布局差不多就是下面这样lthtml lthead ltstyle bodybackground#777 header width100%*全屏宽* height40px*40像素高* background#fff。

2、1打开网站后台 2找到栏目设置，不同的程序位置有所不同，3进入栏目设置，吧设计好的栏目导航词条 按顺序填写，排序越小也靠前 4填写完毕，一定要保存，然后生成一下，有的程序不需要生成，伪静态的也不需要生成5切换到。

3、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotposition fixed top 0right0quot导航ltdiv3浏览器运行indexhtml页面，此时div标签。

4、接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面 最后运行html页面，你就会看到如下图所示的导航。

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

6、四张大图和四张小图分别用div和ul li 布好局，四张大图分别加描点id=“xxx”，然后在四张对应的小图里，加上name=“xxx”，大图小图的id，name一定要对应，点击小图，就会出现相应的大图了。

7、1打开Deamweaver8，新建一网页文件接着输入以下导航菜单的内容lthtml xmlns=quot lthead ltmeta。

8、HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle。

html漂亮的导航菜单

href=quot#quotMenu nameltalttd lttdlta href=quot#quotMenu nameltalttd lttr lttable 4还可以用dt dl来写~和ul li是一样的道理~其实，任何元素都可以拿来写导航~不过常用的还是上述的第1 2 两种。

HTML5怎么把导航固定在底部的步骤如下css的定位样式属性来实现会用到css中的positionfixed属性，结合来实现ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距离底部为0。

HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条。