最方便的是用别人的代码，别人做得很好而且分享了，为什么不用非要自己费劲制作呢当然最好理解代码，不过不理解能用也不错了一打开Dreamweaver，点击文件新建菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的；wps制作导航按钮wps表格制作导航栏的方法 1打开WPS表格，在任意一个单元格中输入中文网站名称，也可以按照自己喜爱定义然后，在其他的单元格中输入要保存的网站名称，版式可以自己随意排列2版式确定好之后，点击一个。

body，li，ulmargin0padding0 * 浏览器重置 *liliststyle * 浏览器重置 去掉li前面的点 *navbackground#36Czoom1width500pxmargin50px auto * 设置整个导航条的样式；dreamweaver制作二级导航代码的步骤如下1创建一个包含导航栏文字的div元素2在样式表中添加一个空的div元素，设置样式为“#”和“链接”3将该div元素放在HTML文件中的导航栏中4保存该网页文件5在浏览器。

DW如何把导航栏做成顶部一般来说，导航条是通过绝对定位来指定的示例代码如下CSS代码导航 位置固定*绝对定位，固定是相对于浏览器窗口的定位* top0*距窗口顶部的距离* 左0*距窗口左侧的距离。

html做网页导航条代码

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

导航栏基本都是横排竖排列的，看到的大部分都是横排排列的，每个人都有自己的方法做出好看的导航排列，方法有很多种，选择自己快速的方法即可1横排无非是本身标签是行内标签或者将块状标签添加浮动效果，然后变成横排排列。

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

无序列表是html页面排版经常用到的非常实用的标签，但是新手在使用无序列表时，经常会在横向排版上出现问题，笔者在这里提供了笔者在使用无序列表制作网页导航栏时的几种方法与常见问题的解决问题以css内部样式为例注。

如何使用css布局水平导航栏 如果是导航菜单，可以用ul不必要列表制作同时在CSS中使用floatleft控制李向左浮动实现水平菜单请注意，UL或UL的父容器的宽度必须大于所有li宽度的总和例如 html怎么把一行图片变两行横向排列。

网页导航栏设计html

你的nav里面设置了padding2em，2em，左右padding都是32px，而你的二级菜单li没有设置width，默认的宽度是最小的，设置一下width80px，或者对于一级菜单二级菜单分别设置padding。

基本就是这么干的你阔以参考一下lt！doctype htmltestol，ul liststyle #mainmargin20px autowidth800pxheight40pxbackgroundblue#main liwidth100pxheight20pxfontweight600colo。

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