Advanced Search

How to give shadow to a div using css

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

Expand | Embed | Plain Text

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

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.