Posted By

webdevelopertut on 07/02/09


Tagged

div css shadow


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

shikkaba
myrebel420
efetisov


How to give shadow to a div using css


 / Published in: CSS
 

URL: http://htmlcsstutorials.blogspot.com/2009/06/how-to-give-shadow-to-div-using-css.html

  1. HTML:
  2. <div class="box-outer">
  3. <div class="box-inner">
  4. text
  5.  
  6. </div>
  7. </div>
  8.  
  9. CSS:
  10. .box-inner {
  11. position:relative;
  12. top:-3px;
  13. left:-3px;
  14. height:150px;
  15. background:#aa0000;
  16. }
  17. .box-outer {
  18. width:150px;
  19. height:150px;
  20. background:#333;
  21. }

Report this snippet  

You need to login to post a comment.