box

英[bɒks] 美[bɑ:ks]

n.Box; box-like object; box; sentry room

vt. Put... into a box [box, box]

vt.& vi.Boxing

Third person singular: boxes Plural: boxes Present participle: boxing Past tense: boxed Past participle: boxed

shadow

英[ˈʃædəʊ] 美[ˈʃædoʊ]

n.Shadow; shadow; ghost; ghost; hiding place

vt.Cast a shadow on; make hazy; track, trail; foreshadow

vi. Gradient; gloomy

adj. Shadow; shadow cabinet; informal

Third person singular: shadows Plural: shadows Present participle: shadowing Past tense: shadowed Past participle: shadowed

css3 box-shadow property syntax

Function: box-shadow is used to add a shadow to the box

Description: Sets or retrieves the object shadow.

box-shadow is a property in CSS3 that creates one or more drop-down shadow boxes by setting its property value

css3 box-shadow property example

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div></div>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance