CSS Shadow

If you want to use shadow effect in any image or content, CSS is must. The Shadow effect is totally depended on CSS.
To give the Shadow effect to the image, firstly you have to create five layers on that particular image using different background color. Secondly, Shadow can be created by using four division tag out of which each contains background color. Thirdly, if you are using image to give shadow effect don't set width & height of the image.
Each div has its own style sheet, use left & top properties to display layer (div), each div is set with 1px at left & another 1px at right. All div view like one above the other.

CSS

/* Shadow Effect */
.FirstDivToImg{
	background-color:#ababab;
   position:relative;
   top:-2px;
   left:-2px;
  	}
.FirstDivToImg img{
  	border: 1px solid #808080;
  	}
.SecondDivToImg{
  	background-color:#cbcbcb;
  	position:relative;
  	top:-2px;
  	left:-2px;
   }
.ThirdDivToImg{
   background-color:#e8e8e8;
  	position:relative;
  	top:-2px;
  	left:-2px;
  	}
.FourthDivToImg{
  	position:absolute; /* Require */
  	background-color:#f5f5f5;
  	}
/* Setting vertical middle */
html, body{
  	height:100%;
  	margin:0;
  	}
.valign{
  	height:35%;
 	}
/* Setting Postion center */
.Position{
  	width:230px;
  	height:120px;
  	margin:0 auto;	/* Require center */
  	}

XHTML

<div class="valign"></div>
  <div class="Position">
    <div class="FourthDivToImg">
      <div class="ThirdDivToImg">
        <div class="SecondDivToImg">
           <div class="FirstDivToImg">
             <img src="Images/rss.png" alt="" />
           </div>
        </div><!-- End of SecondDivToImg div -->
    </div><!-- End of ThirdDivToImg div -->
  </div><!-- End of FourthDivToImg div -->
</div><!-- End of position div -->

Click here to view CSS Shadow effect.