CSS实现阴影效果

1. <STYLE>   
2. .out {   
3.   display:block;    
4.   background:#bbb;    
5.   border:1px solid #ddd;    
6.   position:relative;   
7.   margin:1em 0;   
8.   }   
9. .in {   
10.   text-align:center;    
11.   background:#fff;    
12.   border:1px solid #555;    
13.   position:relative;    
14.   padding:5px;   
15.   font-weight:normal;   
16.   }   
17. .ltin {   
18.   left:-5px;   
19.   }   
20. .tpin {   
21.   top:-5px;   
22.   }   
23. .narrow {width:8em;}    
24. h4 {font-weight:bold; color:#000;}   
25. </STYLE>   
26. <DIV class="out narrow"> <DIV class="in ltin tpin"> <H4>Narrow</H4> <P>This is the text that goes in the middle.</P> </DIV> </DIV>