当前位置：首页 → 问答吧 → 一张图片制作的菜单

一张图片制作的菜单

时间：2008-06-01

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html,body {
font:12px Verdana;
padding: 0px;
margin: 0px;
}
a:link,a:visited { color:#9E3C02; text-decoration:none; font-weight:bold;}
a:hover,a:acitve { color:#FFFFFF; text-decoration:none; font-weight:bold;}
#nav {
margin: 20px 0px 0px 10px;
width: 200px;
border: 1px solid #D76100;
border-bottom:0px;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav li a {
background: url(http://www.maxmav.com/maxmav/mc/uploadfile/2007123007234405.gif);
padding: 0px 0px 0px 30px;
line-height: 32px;
height: 32px;
display: block;
}
#nav li a:hover {
background:url(http://www.maxmav.com/maxmav/mc/uploadfile/2007123007234405.gif) 0 -32px;
}
#nav li a:active {
background:url(http://www.maxmav.com/maxmav/mc/uploadfile/2007123007234405.gif) 0 -64px;
}
/* -------------------------------------------------------------------------------------------- */
#nav2 {
margin: 20px 0px 0px 10px;
width: 800px;
border: 1px solid #D76100;
border-bottom:0px;
}

#nav2 ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav2 li {
float: left;
width: 200px;
}

#nav2 li a {
background: url(http://www.maxmav.com/maxmav/mc/uploadfile/2007123007234405.gif);
padding: 0px 0px 0px 30px;
line-height: 32px;
height: 32px;
display: block;
}
#nav2 li a:hover {
background:url(http://www.maxmav.com/maxmav/mc/uploadfile/2007123007234405.gif) 0 -32px;
}
#nav2 li a:active {
background:url(http://www.maxmav.com/maxmav/mc/uploadfile/2007123007234405.gif) 0 -64px;
}


</style>
<title>css˵</title>
</head>
<body>
<div id="nav">
<ul>
   <li><a href="#">Home</a></li>
   <li><a href="#">Profile</a></li>
   <li><a href="#">Products</a></li>
   <li><a href="#">Feedback</a></li>
</ul>
</div>
<div id="nav2">
<ul>
   <li><a href="#">Home</a></li>
   <li><a href="#">Profile</a></li>
   <li><a href="#">Products</a></li>
   <li><a href="#">Feedback</a></li>
</ul>
</div>
</body>
</html>

作者: disiway 发布时间: 2008-06-01

很好！学习了

作者: qiuzb666 发布时间: 2008-06-01

一张图片制作的菜单

热门阅读

热门下载