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

竖状导航通过修改“#tabwidth90px！importanttop90px left795pxtextindent 10 ”这些代码中的“left795px”可以改变导航栏的位置，数值越大，导航栏越靠右tabwidth90px！importanttop90px left79。

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

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

position fixed *因为是一个全页面的竖排导航，所以必须设置为固定定位* *同时因为固定定位是把标签从文档中直接拿出来，所以布局其他元素时要用margin留出外边距，必要时可以设置导航栏为固定宽度保证不会出现白边*。

28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏固定在顶部，我们可以在导航容器里添加样式。

代码如下 也就是我的网站的导航栏你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0。

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

Dreamweaver，简称“DW”，中文名称\quot梦想编织者\quot，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器想用DW做出导航栏必熟知div+css，基本代码ul#navwidth100%height60pxbackground。

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

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

其实你说的不是很清楚，如果有什么不明白的再说首先是cssa color #000000 ahover color #fff background #000 然后a标签 点击按钮这些是a标签的一些样式 a 标签对是一个网站的一条信息链接定义的。

改变店铺导航栏 店铺导航栏是店铺的重要组成部分，它可以让用户更加方便地浏览店铺以下是一些常用的店铺导航栏代码```*改变导航栏背景颜色* navbackgroundcolorFFFFFF *改变导航栏字体颜色* navacolor。

下面是代码，div层gameNavcontent1什么的是标题，gameNavccontent1什么的是下面的具体内容，需要转换自己改，复制到html文件里就能看到效果，不懂hi我 *游戏导航 * gameNav width 776px padding 0 margin。

nav li ulwidth100px很简单，你里面没给宽度看代码应该是新手吧，给你一个很好的建议你这里不是ul套li套ul套li么所有你本想设置外面的ul或者li样式，结果搞得里面的也有样式，还得把里面的消除掉，这样很累。