- 4/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
用css制作菜单上浮动的小图标，淘宝网、百度搜索都用过的效果，一般常见于商务类网站，这个殊效还是很实用的，这种效果正在慢慢流行中。
<head> <meta http-equiv="Content-Type" mrc="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:-8px;margin-left:-13px;background:url(http://p1.mb5u.com/texiao/1/tag.gif);width:16px;height:16px} </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>