css制作菜单上浮动new小图标
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css菜单上的浮动小图标</title>
<style>
body{font-size:12px;margin-top:30px;}
ul,li{list-style-type:none;margin:0;padding:0;float:left;}
#nav{height:30px;width:610px;margin-left:auto;margin-right:auto;}
#nav li{margin-left:1px;line-height:30px;background:#ff6600;}
#nav li a{display:block;float:left;text-decoration:none;color:#fff;padding:0 10px;}
sup{position:absolute;margin-top:30px;margin-left:-25px;background:url(upload/2009/12/200912291555291306.gif);width:21px;height:13px}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">网页特效</a></li>
<li><a href="#">源码下载</a></li>
<li><a href="#">精品代码</a><sup></sup></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品资讯</a></li>
<li><a href="#">客户服务</a></li>
</ul>
</div>
</body>
;width:21px;height:13px){kind=link}