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

This article mainly shows you "what is the function of the box-shadow attribute in css", the content is simple and clear, and I hope it can help you solve your doubts, so let me lead you to study and learn "what is the function of the box-shadow attribute in css" this article.

CSS3 box-shadow attribute

Purpose: box-shadow is used to add shadows to the box

Basic syntax:

Box-shadow:h-shadowv-shadowblurspreadcolorinset

Parameters:

H-shadow: the position of the horizontal shadow. Negative values are allowed.

V-shadow: the position of the vertical shadow. Negative values are allowed.

Blur: fuzzy distance, which can be omitted.

Spread: the size of the shadow can be omitted.

Color: the color of shadow, which can be omitted.

Inset: change the external shadow (outset) to the inner shadow, which can be omitted.

Description: box-shadow adds one or more shadows to the box. This attribute is a comma-separated list of shadows, each specified by 2-4 length values, optional color values, and optional inset keywords. The value for omitting length is 0.

Use the example

Div {width:300px; height:100px; background-color:#ff9900;-moz-box-shadow:10px10px5px#888888;/* old Firefox*/ box-shadow:10px10px5px#888888; margin:100pxauto;} above is all the content of the article "what is the function of box-shadow attributes in css?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, 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.