有做前端的v友吗。请问如何不用图片实现这种效果？

Icon最简单的应该是字体。圆角可以border-radius，尖角可以width:0px; height:0px; border: 0; border-left: 50px solid #eee;

楼主换上IE6就知道哪些是图片，那些是CSS布局了。

哦我错了，尖角可以width:0px; height:0px; border: 50px solid #fff; border-left: 50px solid #eee;。但是上面的尖角是不规则的（不是45度），这个我真不知道怎么做到。

用chrome右键一下不就出来了嘛。。

background-position: -5px -1654px;
background-image: url("/images/front/sprite-front.png");
background-repeat: no-repeat;
所以还是图片：
http://www.asiaqualityfocus.com/images/front/sprite-front.png

楼上正解

第二张图:http://www.asiaqualityfocus.com/images/front/service-flow/social.png

ls两个正解..另外吐槽一下，谁说背景图右键的话会出现保存选项的...

@lizheming 背景图就是没有保存选项啊，除非装插件

楼上全部正解。

@skydiver 我就是这个意思，lz不是说没出现保存才认为不是图片的么..所以小小的吐槽了一下。

不用图的话，可以用svg

两个都是背景图，最原始的CSS

谢谢楼上的热心V友。原来是背景图。谢谢大家哦！

你搞前端不用fireBug 吗？用fireBug看看马上就发现了

chrome F12