1、1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果；7然后我们将p添加floatleft浮动效果就好了8这样刚才的竖排导航就变成了横排排列的导航页了9很多时候我们做导航会用到无序列表ul或者有序列表ol来制作导航，做法和p也是一样的，如图建立ulli标签将li添加浮动效；HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条；CSS导航菜单水平居中的方法1首先打开我们的测试编辑工具如图所示新建一个项目2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左。

2、导航栏标签可以直接在H5使用2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就是就是将p设置为displayta；01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写样；代码如下 也就是我的网站的导航栏你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0；1修改导航分类下面的背景色，代码如下skinboxbd linkbackground#000000 修改导航分类下面的图片，代码如下skinboxbd linkbackgroundurl图片链接 2修改整个导航的背景色 skinboxbd menu；先引入layui的样式代码，2创建html代码，添加上layui的导航样式，layuinav 3运行页面，我们就可以看到一个美观的导航菜单了4现在的菜单右边有很多空白的地方，我们可以添加样式，为导航栏条目添加长度，让其布满页面先看；基本就是这么干的你阔以参考一下lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitletestlttitleltstyle type=quottextcssquotol，ul liststyle #mainmargin20px autowidth800pxheight。

3、竖状导航通过修改“#tabwidth90px！importanttop90px left795pxtextindent 10 ”这些代码中的“left795px”可以改变导航栏的位置，数值越大，导航栏越靠右tabwidth90px！importanttop90px left；html5 导航路线效果调用核心代码ltscript type=quottextjavascriptquot 默认地理位置设置为上海市浦东新区var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat；HTML下拉菜单代码用于创建在网页中显示的下拉菜单，使用户能够从预定义的选项列表中选择一个选项下拉菜单通常用于表单导航栏和其他用户交互界面的设计要编写HTML下拉菜单代码，你可以按照以下步骤进行1使用select标签来。

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

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