CSS border shadow effect

CSS border shadow effect

CSS border shadow effect

The following uses css to implement the shadow effect, so that you can directly add the code to your friends.

# Shadow1 {
Width: 200px;
Height: 100px;
Color: white;
Background-color: red;
Box-shadow: 5px-5px 1px 1px #000;
-Webkit-box-shadow: 5px-5px 1px 1px #000;
-Moz-box-shadow: 5px 5px 1px 1px #000;
/* For IE 8 */
-Ms-filter: progid: DXImageTransform. Microsoft. Shadow (Strength = 5, Direction = 120, Color = '#1000 ');
/* For IE 5.5-7 */
Filter: progid: DXImageTransform. Microsoft. Shadow (Strength = 5, Direction = 125, Color = '#1000 ');
}

# Shadow2 {
Width: 420px;
Height: pixel PX;
Background: url(1.jpg) no-repeat;
Margin-tZ tags? Http://www.bkjia.com/kf/ware/vc/ "target =" _ blank "class =" keylink "> vcDogMjBweDs8YnI + kernel + Cn08YnI + c1_vcd4kpha + pgltzybzcm9" http://www.2cto.com/uploadfile/Collfiles/20140831/20140831093729120.png "alt =" ">

The Shadow example is here. The article is simple. If you have any shortcomings, please correct them. Thank you...