Podes fazer com CSS com duas formas, um retângulo e um triângulo. E assim podes por o tamanho que quiseres da seta. <!-- begin snippet: js hide: false --> <!-- language: lang-css --> #triangle-right { width: 0; height: 0; border-top: 50px solid transparent; border-left: 75px solid red; border-bottom: 50px solid transparent; margin-left:100px; } #rectangle { width: 100px; height: 50px; background: red; position: absolute; margin-top:25px; } <!-- language: lang-html --> <div> <div id="rectangle"></div> <div id="triangle-right"></div> </div> <!-- end snippet --> <sup>[Fonte das formas][1]</sup> [1]: http://css-tricks.com/examples/ShapesOfCSS/