您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

CSS 盒阴影 box-shadow

时间:12-14来源:作者:点击数:

box-shadow

设置 box 的阴影。

可包括的属性:

  • h-shadow 阴影水平位置(右为正,左为负。默认为 0)
  • v-shadow 阴影垂直位置(下为正,上为负。默认为 0)
  • blur 模糊距离(可选,默认为 0)
  • spread 阴影尺寸(可选)
  • color 阴影颜色(可选,默认与边框颜色相同)
  • inset 内阴影(可选,不设置则为外阴影)

多重阴影

在 box-shadow 中设置多组阴影数据,即可实现多重阴影:

box-shadow:2px 2px 5px #CCC inset,5px 5px 10px #AAF;
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐