Please check out this jsfiddle http://jsfiddle.net/rr4GH/1/ As you can see its a round edge

Question

0

Editorial Team

Asked: May 26, 20262026-05-26T19:58:33+00:00 2026-05-26T19:58:33+00:00

Please check out this jsfiddle http://jsfiddle.net/rr4GH/1/ As you can see its a round edge

0

Please check out this jsfiddle

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

As you can see its a round edge box with two triangles BUT the line in the centre dividing both triangles isn’t straight. How can it be made so its straight?

ALSO the top right corner seems to be a bit undecided what colour it is, how can that be sorted?

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;
}