微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css3中指定元素阴影的语句是

CSS3中指定元素阴影的语句如下:

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

css3中指定元素阴影的语句是

其中,各参数含义如下:

  • 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的外阴影,阴影大小与块元素一致。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。