怎么用html+css做一个导航条?

html-css012

怎么用html+css做一个导航条?,第1张

首先要建立一个DIV,为其命名为“nav”,在DIV中建立一个<ul>无序列表,导航共有几个栏目,就为列表添加几个<li>的列表项,为每个列表项中的内容加上超链接,链接到所需的项目页面。

然后设置CSS样式,为列表规定宽度和高度,去掉列表前面的符号,代码为:

ul {width:宽度值;height:高度值; list-style:none;}

如果是横向导航,还需为里面的列表项<li>标签设置左浮动的样式,代码为:li {float:left}

每个栏目之间分隔的距离可通过margin(外边距)属性来设置。

摘星导航

javascript:window.top.space_addItem(13,5145,0,0,200,600,0)

流金岁月导航

javascript:window.top.space_addItem(13,5330,0,0,200,600,0)

深海奥妙导航

javascript:window.top.space_addItem(13,5003,0,0,200,600,0)

竖着的导航

javascript:window.top.space_addItem(13,1,100,80,0,0,94)

免费导航

javascript:window.top.space_addItem(13,9114,0,0,200,600,0)

其实你说的不是很清楚,如果有什么不明白的再说:

首先是css:

 a{ color: #000000}

 a:hover {color: #fff background: #000 }

然后a标签

 <a href="@">点击按钮</a>

这些是a标签的一些样式

a  标签对是一个网站的一条信息链接定义的,a:link {}     /* 未访问的链接 */

a:visited {}  /* 已访问的链接 */

a:hover {}    /* 当有鼠标悬停在链接上 */

a:active {}   /* 被选择的链接 */

然后你下面的我大体的说一下

background:none没有背景;

border:none没有边框;

color:#000000font-size:15pxfont-weight:bold字体颜色是黑色的,大小15像素,加粗

background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样的