说实话，box-shadow 这个属性挺有用的，你懂的。

内容包括 box-shadow 的基本语法，如 x 轴和 y 轴偏移量、模糊半径和颜色的设置。

有时候图片或者 div / view 块元素加上阴影geng立体好kan，所以项目中经常会用到，今天说一下基本使用方法。

box-shadow: 水平偏移 垂直偏移 模糊半径 拓展半径 颜色 内外阴影；

. 水平偏移正数向右，负数向左

. 垂直偏移正数向下负数向上

. 模糊半径越大越朦胧，不Neng负数

. 拓展半径正数阴影变大，负数缩小

. 颜色任意颜色

. inset加了就是内阴影，不加默认外阴影

卡片默认阴影

.card { box-shadow: 4px 14px rgba; border-radius: 8px; }

悬浮加深阴影

.card:hover { box-shadow: 8px 24px rgba; } 多重阴影

Ke以叠加多层阴影，比如说咱就是说想要个复杂点的阴影效果哈。

box-shadow: 2px 4px rgba, 8px 20px rgba;

box-shadow: -3px 10px rgba; 内阴影 inset

/* 内部凹陷效果 */ box-shadow: inset 10px #; 带拓展半径

/* 四周阴影放大一点 */box-shadow: 8px 2px rgba;

只模糊，不偏移

box-shadow:0px 0px 10px #ccc;

浅色柔和和卡片阴影

box-shadow: 4px 4px 10px #ccc;

对了有人问我为什么百度不收录，其实哈，百度收录规则咱也不太清楚，不过一般来说内容质量高、原创性强的话geng容易被收录来着。

有人说可Neng是因为网站权重太低，或者是 robots.txt 文件设置不对啥的，你Ke以检查一下这些方面。

CSS3的box-shadow属性Ke以让我们轻松实现图层阴影效果.

box-shadow: X 轴偏移量 Y 轴偏移量 ;

box-shadow = ? offset-x offset-y blur-radius? spread-radius? color?

.