Alireza Balouch

Here is a fast method to make an shadow around your text boxes.
Using only CSS and not any background image, makes it easy and dynamic.

Here is how the CSS code looks like:

 
 
.out{
  display:block;
  background:#CCC;
  position:relative;
  width:9em;
  }
.in {
  background:#fff;
  border:1px solid #999;
  position:relative;
  text-align:center;
  padding:5px;
  left:-5px;
  top:-5px;
  }
 

And here is the HTML code:

 
<div class="out">
<div class="in">
CSS Shadow
Here is a little text to show how it works.
  </div>
</div>
 

Demo: CSS Shadow

Download: css-shadow.zip (409 bytes)