box-shadow属性的功能是什么

　　CSS3box-shadow属性

　　作用：box-shadow用于向方框添加阴影

　　基本语法：

　　box-shadow:h-shadowv-shadowblurspreadcolorinset;

　　参数：

　　h-shadow：水平阴影的位置。允许负值。

　　v-shadow：垂直阴影的位置。允许负值。

　　blur：模糊距离，可省略。

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

　　color：阴影的颜色，可省略。

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

　　说明：box-shadow向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由2-4个长度值、可选的颜色值以及可选的inset关键词来规定。省略长度的值是0。

　　css3box-shadow属性使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<style>

　　div

　　{

　　width:300px;

　　height:100px;

　　background-color:#ff9900;

　　-moz-box-shadow:10px10px5px#888888;/*老的Firefox*/

　　box-shadow:10px10px5px#888888;

　　margin:100pxauto;

　　}

　　</style>

　　</head>

　　<body>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56286.shtml