css箭头菜单拜托了各位 谢谢

html-css027

css箭头菜单拜托了各位 谢谢,第1张

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">.menu{border:solid 1px bluewidth:140pxfont-size:16pxpadding:5pxmargin:0 auto}.menu a{display:blocktext-align:centercolor:redwidth:130pxheight:1.5empadding:4pxtext-decoration:noneposition:relative}.menu span{display:blockborder-style:solidborder-width:8pxoverflow:hiddenposition:absolutetop:4pxwidth:0pxheight:0pxoverflow:hidden}.menu a:link span{display:none}.menu a:hover span.left{display:blockborder-color:whiteborder-left-color:blackleft:8px}.menu a:hover span.right{display:blockborder-color:whiteborder-right-color:blackright:8px} http://www.baidu.com">class="left">junshao1 http://www.baidu.com">class="left">junshao1 http://www.baidu.com">class="left">junshao1 http://www.baidu.com">class="left">junshao1 http://www.baidu.com">class="left">junshao1 我改了一下,在IE7和FF3下测试通过,不知道是不是你要的效果,如果有出入的话我们可以再交流。

如果要写的话也是可以的,但是一般情况下没有人会去浪费时间在这个图标上,一般直接通过切图用图片代替,获取使用字体图标,如果要写的话就是一个蓝色的圆然后再有一个白色的圆盖住它的大部分,最后一个三角形定位,最后拼出来,这样下来就很浪费时间,如果是使用图片,直接设置一个宽,然后做图片自适应就可以了