如图 这种箭头应该怎么做啊

[wu65656]

请问下这种箭头应该怎么做啊

[bichir]

直接整张图不行哇，整个红色的都是一张图片

[xuzuning]

应该用图片 虽然 css3 可以实现，但你会丢失很多客户的

[wu65656]

引用 1 楼 bichir 的回复:

直接整张图不行哇，整个红色的都是一张图片

因为有多种不同背景颜色 还有这是用在移动端的 宽度要自适应的 所以看看直接用css写

[wu65656]

引用 2 楼 xuzuning 的回复:

应该用图片 虽然 css3 可以实现，但你会丢失很多客户的

因为有多种不同背景颜色 还有这是用在移动端的 宽度要自适应的 所以看看直接用css写 请问下 css3 要怎么写

[fjfjfj]

用html+svg的方式行不行？ 1.html <style type="text/css"> body{background:#ddd;} .title-box{position:relative;width:140px;height:40px;} .title{position:relative;float:left;background:#F00;width:100px;height:40px;line-height:40px;font-size:14px;color:#FFF;padding-left:2em;box-sizing:border-box;} .svg-img{position:relative;float:left;width:40px;height:40px;} </style> <div class="title-box"> <div class="title">啊啊啊</div> <img src="1.svg" class="svg-img"> </div> 1.svg <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="15" height="9" version="1.1" xmlns="http://www.w3.org/2000/svg"> <polygon points="0,0 40,0 20,20 40,40 0,40 0,0" style="fill:#ff0000;"/> </svg>

[deiphi]

三角形那里用png24位透明，设置一下position:absolute;right:-30pxtop:0; 然后再设置一下背景色。

[___紫菜]

叫美工帮你切图

[kennethlsk]

弄成图片就好了三，没有必要那么麻烦