语法格式：
box-shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影；
- 前两个属性是必须写的。其余的可以省略。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div {
width: 200px;
height: 200px;
/*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);*/
/*transition: all 1s;*/
}
div:hover { /*鼠标经过div时候的样子。。。*/
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
</style>
</head>
<body>
<div></div>
</body>
</html>box-shadow: 0 15px 30px rgba(0,0,0,0.1);上面的语句的盒子阴影参数比较经典的设置，可以借用。
上述代码的效果图如下：
694
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
