Posted By

mattneary on 12/29/10


Tagged

heading folded


Versions (?)

Folded Back Heading


 / Published in: CSS
 

  1. #content{
  2. width: 50%;
  3. position: absolute;
  4. left: 25%;
  5. background-color: #444444;
  6. height: 800px;
  7. }
  8. #heading{
  9. width: 70%;
  10. margin-left: -30px;
  11. background-color: #cccccc;
  12. padding: 10px;
  13. position: relative;
  14. }
  15. #triangle{
  16. border-color: black;
  17. border-style: solid;
  18. line-height: 0;
  19. border: 0 solid transparent;/*Default*/
  20. border-left: 30px solid transparent;
  21. border-top: 15px solid #999999;
  22. top: 100%;
  23. left: 0;
  24. position: absolute;
  25. }

Report this snippet  

You need to login to post a comment.