There is an arrow on css - http://jsfiddle.net/4a5zY/

.big_tooltip_narrow_c { position: absolute; width: 0; height: 0; border-top: 50px solid transparent; border-right: 50px solid red; border-bottom: 50px solid transparent; } 
 <div class="big_tooltip_narrow_c"></div>

How to ask her for example a black border? I have already broken my head, I can not find a solution.

  • @Pavel Azanov, no need to redo my comment in response, especially in such a dumb. I myself am able to decide what I consider to be a comment and what is the answer, besides, for some reason you deleted the comment with an explanation. - zb '
  • @eicto, the idea of ​​overlaying the arrow is pretty perfect. Used, everything is fine. Turn your comment into a reply so that I can mark it :) - ModaL
  • @eicto: I sent the comment in response as you gave a ready solution to the question. - Pavel Azanov 1:01 pm
  • @Pavel Azanov, I just do not welcome answers in the form of simple links. No need to touch my comments in the future. - zb '

1 answer 1

Honestly, you can do svg with base64, or put one arrow under another using: before or: after like this

  • @eicto, done :) thanks! - ModaL