CSS 盒子四周添加阴影

Box-shadow属性是CSS用于添加元素周围阴影效果的一项功能。它允许开发者控制元素盒子的阴影样式，包括阴影的颜色、模糊半径、偏移量以及是否内外分层。其基本语法如下： ``` box-shadow: h-offset v-offset blur spread color inset; ``` - `h-offset` (水平偏移): 指定阴影向右移动的距离，可以是正数、负数或零。 - `v-offset` (垂直偏移): 指定阴影向下移动的距离，同样可以是正数、负数或零。 - `blur` (模糊半径): 控制阴影的模糊程度，数值越大，阴影越模糊。 - `spread` (扩展半径): 可选值，增加阴影的大小，正值扩大阴影，负值缩小阴影。 - `color` (颜色): 阴影的颜色，可以是预设颜色名、十六进制值或RGBA表示法。 - `inset` (内阴影): 如果为true，创建内阴影；如果为false或省略，默认是外阴影。 例如，`box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);` 就会让元素有一个稍有模糊的黑色外部阴影，左上角从元素内部开始，偏移2像素，向外扩展4像素。