怎么吃css形状？

Question

请查看此jsfiddle

http://jsfiddle.net/rr4GH/1/

正如你所看到的那样，它有一个带有两个三角形的圆边框，但是在中心划分两个三角形的直线不是直的。怎么能这么直接呢？

右上角似乎还有点不确定它是什么颜色，怎么可以排序？

HTML：

<div class="css-arrow-multicolor"></div>

的CSS：

.css-arrow-multicolor {
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-color: blue #ECB603 #ECB603 blue;
    border-style:solid;
    border-width:15px;
    width:0;
    height:0;
}

Answer 1

我看到你的问题......正好在中间，它是一个偏离右边的像素？

如果您在一侧使用一种颜色而在另一侧使用透明，则会为您提供一条直线。使用其中两个来达到同样的效果。

http://jsfiddle.net/rr4GH/4/