CSS3中指定元素阴影的语句如下:
Box-shadow: h-shadow v-shadow blur spread color inset;
其中,各参数含义如下:
- h-shadow:水平偏移距离,可正可负,不填默认为0。
- v-shadow:垂直偏移距离,可正可负,不填默认为0。
- blur:模糊程度,可填正整数,不填默认为0,表示不模糊。
- spread:阴影的大小,可正可负,不填默认为0。
- color:阴影的颜色,可填颜色值或者rgba值,不填默认为黑色。
- inset:是否为内阴影,可填inset表示为内阴影,不填时为外阴影。
举个例子:
.Box { width: 100px; height: 100px; background-color: yellow; Box-shadow: 10px 10px 5px 0px rgba(0,0.5); }
这段代码指定了一个宽高为100px黄色块元素,阴影为距离块元素右下角10px的黑色、模糊程度为5px的外阴影,阴影大小与块元素一致。