css3 box-shadow属性向框添加一个或多个阴影

原创 国哥笔记  2019-01-13 14:02  阅读 523 views 次

box-shadow属性定义及用法

box-shadow属性是css3中新增属性,是用在弹性盒布局中,用来向框添加一个或多个阴影,目前主流浏览器都还不支持该属性。

box-shadow语法格式

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

属性值说明

  • h-shadow:水平阴影的位置,允许负值;
  • v-shadow :垂直阴影的位置,允许负值;
  • blur:可选参数,模糊距离;
  • spread:可选参数,阴影的尺寸;
  • color:可选参数,阴影的颜色。请参阅 CSS 颜色值;
  • inset :可选参数,将外部阴影 (outset) 改为内部阴影;

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

本文地址:https://www.ggbiji.com/box-shadow.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情