Shulou(Shulou.com)05/31 Report--

This article mainly introduces css how to achieve div frame shadow related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that everyone after reading this css how to achieve div frame shadow article will have a harvest, let's take a look at it.

The method of realizing the Shadow effect of div frame by css

The code is as follows:

.div _ shadow {

Width:600px

Height:450px

Border:#909090 1px solid

Background:#fff

Color:#333

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow (Strength=4, Direction=135, Color='#000000')"; / * For IE 8 * /

Filter: progid:DXImageTransform.Microsoft.Shadow (Strength=4, Direction=135, Color='#000000'); / * For IE 5.5-7 * /

-moz-box-shadow: 2px 2px 10px # 909090 * for firefox * /

-webkit-box-shadow: 2px 2px 10px # 909090 * for safari or chrome * /

Box-shadow:2px 2px 10px # 909090umbram * for opera or ie9 * /

}

This is the end of the article on "how to achieve div frame Shadow in css". Thank you for reading! I believe that everyone has a certain understanding of "css how to achieve div frame shadow" knowledge, if you want to learn more knowledge, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.