css阴影详解-Box-shadow修饰性属性
CSS的box-shadow属性用于为元素添加阴影样式，它可以让你控制阴影的类型、大小、颜色、模糊距离以及阴影是否扩散等特性。
box-shadow属性的基本语法如下：
box-shadow: [水平偏移] [垂直偏移] [模糊半径] [扩散半径] [颜色];- 水平偏移：定义阴影在水平方向上的偏移距离，允许负值。
- 垂直偏移：定义阴影在垂直方向上的偏移距离，允许负值。
- 模糊半径：定义阴影的模糊程度，0表示没有模糊效果，大于0的值会让阴影更加平滑。
- 扩散半径：定义阴影的扩散范围，大于0的值会导致阴影扩大，小于0的值会导致阴影缩小。
- 颜色：定义阴影的颜色。
例如，创建一个带有阴影的盒子：
div {
width: 100px;
height: 100px;
background-color: #444;
box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}HTML代码：
<div></div>这段代码会创建一个宽度和高度都是100px的div，背景色为#444，并且拥有向右下方偏移10px、模糊半径为5px、颜色为半透明黑色的阴影。
评论已关闭