CSS阴影 box-shadow属性用法

FLowUs邀请链接:https://flowus.cn/login?code=AXNU63
FlowUs邀请码:AXNU63


box-shadow: 它可以设置一个或者多个下拉阴影的框

语法:box-shadow:h-shadow v-shadow blur spread color inset

注意:该属性把一个或者多个下拉阴影添加到框上,该属性是一个用逗号分隔阴影的列表,每个阴影由2-4个长度值,一个可选的颜色值和一个可选的inset关键字来规定。

属性参数说明:

  • h-shadow:必需的,水平阴影的位置,允许为负值
  • v-shadow:必需的,垂直阴影的位置,允许为负值
  • blur:可选,模糊距离
  • spread:可选,阴影的大小
  • color:可选,阴影的颜色
  • inset:可选,从外层的阴影(开始时)改变阴影内侧阴影
posted @ 2019-12-12 10:45  wbytts  阅读(294)  评论(0编辑  收藏  举报