Shulou(Shulou.com)06/02 Report--

This article mainly introduces the method of adding shadow to box shadow in Dreamweaver, which is very detailed and has certain reference value. Friends who are interested must finish reading it!

The method of adding Shadow to box shadow in Dreamweaver

1. Open the Dreamweaver software, create a new Html document in ctrl+n, and enter the div tag in the body tag.

2. Create a style style tag in head

3. Add a width-height attribute to the div, fill it with a color and center it, as shown in the following figure

4. The preview effect in the browser is as follows

5. Add shadow attributes to objects [box-shadow:0px 0px 0px red;] you can enter four attribute values in the box-shadow attribute, and break them with a space in the middle.

6. The first two attribute values represent horizontal axis motion and numerical axis motion, respectively. As shown in the following figure, positive values represent right and bottom, and you can enter negative values if you want to lean on the left and upper side.

7. The third value represents the meaning of diffusion, making the entity virtual.

8. If you only assign a value to the third group and choose a color, the shadow effect of the following figure will be formed.

These are all the contents of this article entitled "how to add Shadows to box shadow in Dreamweaver". Thank you for reading! Hope to share the content to help you, more related 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.