1、html做导航栏步骤如下1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个divid为“a”，添加ulli标签5在li中添加自己想要的文字并调整。

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

3、你的导航是浮动不随网页上下滚动条移动可以使用div positionfixed left0 top0 width100px height100% 如果是跟随内容改动，你的内容区分左右两块，左边写你的导航就可以了。

4、html5 导航路线效果调用核心代码ltscript type=quottextjavascriptquot 默认地理位置设置为上海市浦东新区var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat。

5、target=quot_blankquot二级导航4lta ltli ltul ltli ltul ltdivltbodylthtml复制上面代码，保存到后缀为html或者htm的文件中，用浏览器打开就可以看到效果效果。

6、你先写一个正常的导航，给导航添加以下CSS样式 style=quot positionfixed zindex99 left0 border0quot。

7、HTML中元素的位置可以用margin来实现，导航栏往下移可以使用margintop属性，举例element margintop100px。

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

9、这个是点击之后触发事件，是要用到js代码的，我这大概给一个框架，css代码你自己设置一下html代码如下ltdiv class=quotmainquot ltdiv class=quotleftquot ltul ltli onclick=quotchoose1quot class=quotselectquot玄界ltli lt。

10、88添加margin后，导航后面的内容才能正常显示出来html导航栏如何固定在轮播图上设置样式浮动，使用绝对定位 html导航栏怎么设置大小先引入layui的样式代码，2创建html代码，添加上layui的导航样式，layuinav 3运行页面。

11、ltdivltulltlilta1ltaltliltlilta2ltaltliltulltdiv，然后调好样式并将div的style设置，display= 然后获取到你的栏目，添加鼠标事件onMouseover或onclick都行事件中添加jquery代码quot要下来。

12、建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

13、1在lta标签中添加两个属性，如下 lta href=quot class=quotselectedquot cn=quot服务quot en=quotServicesquot 然后再对a添加两个事件，mouseover和mouseout，mouseover中将a标签当中的文字替换成 c。

14、两个方法1写css 2用图片 1用border写，你可以写在导航的li或者a标签上 li border1px solid #fff * 1像素 直线 白色 * 2图片的话 也是可以写在li 或者 a上 li backgroundurl。

15、代码 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlelttitle ltstyle nav margin 5pxwidth 100px height 200pxbackgroundcolor redfloat right ltstyle lthead ltbody。