用CSS3制作一个包含内箭头的三角形？

Question

我想像这样做一个箭头：

只有CSS3才能实现这一点，注意它是一个黑色箭头，内部白色箭头与黑色略微相差-1px。想法？感谢

Answer 1

只需要单个div和CSS3转换就可以完成。以下是一个示例：http://jsfiddle.net/yVTr3/5/

可以轻松修改它以适应您需要的尺寸和精确颜色。

Answer 2

当然，你可以做到这一点，即使是使用css 2.1 - http://css-tricks.com/snippets/css/css-triangle/ 然而，你需要在彼此的顶部创建3个箭头 - 黑色+白色+黑色 - 并相应地定位它们（​​从中间一个向右1px，从最右侧向右运动2px）