可以试试:易可导航 ,一个完全由用户自定义的网址导航,用户可以添加自己喜欢的网址
也可以批量导入各种浏览器中的收藏网址
所有网址可以拖拽式布局,自动生成网址导航首页
并且导航首页有多种模式可以选,有百度模式和DIY模式
完全用户自定义,干净、整洁、无广告。
制作一个放导航栏的容器制作一个放导航栏的容器,容器名为nav,容器宽为1000px,高为30px,背景颜
色为灰色,相关代码如下:
#nav
{
width:1000px
height:30px
background:#CCC
margin:0 auto
margin-top:50px
}
<div id="nav"></div>
显示结果在浏览器中显示的结果为下图所示:
在容器中放入一些导航栏导航栏代码如下:
<ul>
<li>模块一</li>
<li>模块二</li>
<li>模块三</li>
<li>模块四</li>
<li>模块五</li>
<li>模块六</li>
</ul>
为导航栏添加一些属性<style type="text/css">
#nav
{
width:1000px
height:30px
background:#CCC
margin:0 auto
margin-top:50px
}
#nav ul
{
width:960px
height:35px
}
#nav ul li
{
float:left
width:100px
float:left
list-style:none
background:yellow
line-height:35px
}
</style>
导航栏在浏览器页面的显示结果如下图所示:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)