Advanced Search

Folded Back Heading

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.