| 发表于：2008-02-02 15:11:26 楼主 |
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> test </title>
<style>
#nav{
color:black;
background-color:#53a653;
margin:0px;
padding:0px;
}
#nav span{
border-right:1px solid black;
display:inline;
margin:0px;
padding:0px 20px;
}
a span:hover{
color:white;
background-color:#3c0;
}
a:link,a:visited{
color:black;
text-decoration:none;
}
</style>
</head>
<body>
<div id="nav">
<a href="#"> <span> link1 </span> </a>
<a href="#"> <span> link2 </span> </a>
<a href="#"> <span> link3 </span> </a>
<a href="#"> <span> link4 </span> </a>
<a href="#"> <span> link5 </span> </a>
<a href="#"> <span> link6 </span> </a>
</div>
</body>
</html>
我是想写一个墨绿色为背影的导航条,鼠标放上去字体变白色,背影色变为鲜绿色.但不知怎样将导航条的高度调为2em,字体大小不能变.还有一个不明白的地方就是:为什么我定义的hover属性,那背影颜色为什么不填充满整个 <span> 标签,而是在每个link的左边空出一小个块.当我调整#nav span的padding时 <span> 标签不跟着变大,然而,当窗口缩小时,那背影色却跑过旁边的标签去....
请高人指点一下,小弟想了很久都想不到,谢谢啦!!! |
|
|
|
|
