Directly on the code:
<style type= "Text/css" >
. mydiv{
width:250px;
Height:auto;
border: #909090 1px solid;
Background: #fff;
Color: #333;
Filter:progid:DXImageTransform.Microsoft.Shadow (color= #909090, direction=120,strength=4);
-moz-box-shadow:2px 2px 10px #909090;
-webkit-box-shadow:2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;
}
</style>
For IE:
Direction shadow angle 0° to clockwise from bottom to top
Strength Shadow segment length
-moz-box-shadow:2px 2px 10px #909090;
-webkit-box-shadow:2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;
The first parameter is the length of the x-axis shadow segment
The second parameter is the length of the y-axis shadow segment
The third parameter is the length of the shaded section toward the perimeter
The fourth parameter is the color of the shadow segment
div Code:
<div class= "Mydiv" >
123123213123
</div>
The effect is as follows:
From: http://www.cnblogs.com/si-shaohua/p/4279220.html
CSS add shadow effect to Div