http://www.yuyong.net

网页导航栏制作:如何为网页添加导航栏

操作方法 01制作一个放导航栏的容器制作一个放导航栏的容器,容器名为nav,容器宽为1000px,高为30px,背景颜色为灰色,相关代码如下: #nav { width:1000px; height:30px; background:#CCC; margin:...

操作方法

01制作一个放导航栏的容器制作一个放导航栏的容器,容器名为nav,容器宽为1000px,高为30px,背景颜色为灰色,相关代码如下: #nav { width:1000px; height:30px; background:#CCC; margin:0 auto; margin-top:50px; }

网页导航栏制作:如何为网页添加导航栏

02显示结果在浏览器中显示的结果为下图所示:

网页导航栏制作:如何为网页添加导航栏

03在容器中放入一些导航栏导航栏代码如下:

  • 模块一
  • 模块二
  • 模块三
  • 模块四
  • 模块五
  • 模块六

网页导航栏制作:如何为网页添加导航栏

04为导航栏添加一些属性

网页导航栏制作:如何为网页添加导航栏

网页导航栏制作:如何为网页添加导航栏

05导航栏在浏览器页面的显示结果如下图所示:

网页导航栏制作:如何为网页添加导航栏

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。