Posted By

NiklasJordan on 04/07/11


Tagged

css Triangles dreiecke


Versions (?)

Dreiecke


 / Published in: CSS
 

URL: http://davidwalsh.name/css-triangles

  1. div.arrow-up {
  2. width:0px;
  3. height:0px;
  4. border-left:5px solid transparent; /* left arrow slant */
  5. border-right:5px solid transparent; /* right arrow slant */
  6. border-bottom:5px solid #2f2f2f; /* bottom, add background color here */
  7. margin:0 auto; /* centers the arrow within the parent container */
  8. font-size:0px;
  9. line-height:0px;
  10. }
  11.  
  12. /*
  13.   For a down arrow, use border-top instead!
  14. */

Report this snippet  

You need to login to post a comment.