使用包含内部箭头的CSS3制作三角形？

这可能与刚刚CSS3，注意它是一个黑色箭头与内部白色箭头从黑色稍微-1px。想法？谢谢

我不太确定这是可能的（至少在FF之外）。传统的方式将是边界黑客，但需要一个平坦的颜色。看起来你正在使用渐变作为三角形的填充。 –

它可以用一个单独的div和CSS3转换完成。这里是一个例子：http://jsfiddle.net/yVTr3/5/

它可以很容易地被修改，以适应您需要的大小和确切的颜色。

2011-11-11 19:08:00

已更新，以包括更多的浏览器 - http://jsfiddle.net/yVTr3/7/ 伟大的工作人 - 这是非常好的。 – motoxer4533

+1添加，不知道为什么这仍然不是一个选择的答案 – defau1t

确定你可以做到这一点，即使使用css 2.1 - http://css-tricks.com/snippets/css/css-triangle/ 但是，你需要创建三个箭头 - 黑色+白色+黑色 - 并相应地放置它们（从右边1px为中间一个，最右边为2px）

2011-11-11 18:45:22

回答