box-shadow属性的功用是什么【html5教程】,box-shadow属性,CSS3

box-shadow是CSS3中的一个属性，是用于向方框增加一个或多个暗影，并设置暗影位置、尺寸、色彩等。

CSS3 box-shadow属性

作用：box-shadow 用于向方框增加暗影

基础语法：

box-shadow: h-shadow v-shadow blur spread color inset;

参数：

h-shadow：程度暗影的位置。许可负值。

v-shadow ：垂直暗影的位置。许可负值。

blur：隐约间隔，可省略。

spread：暗影的尺寸，可省略。

color ：暗影的色彩，可省略。

inset：将外部暗影 (outset) 改成内部暗影，可省略。

申明：box-shadow 向框增加一个或多个暗影。该属性是由逗号分开的暗影列表，每一个暗影由 2-4 个长度值、可选的色彩值以及可选的 inset 关键词来划定。省略长度的值是 0。

css3 box-shadow属性运用示例

<!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;
margin: 100px auto;
}
</style>
</head>
<body>

<div></div>

</body>
</html>

效果图：