css设置阴影

作者：自然ㄣ之光发布日期:2026-02-11 浏览:121

/* 设置元素的阴影效果 */
.box {
  /* box-shadow 属性用于给元素添加阴影效果 */
  box-shadow: 10px 10px 5px #888;
}

/* 解释：
- 第一个值 (10px)：水平偏移量，正值表示阴影向右偏移，负值表示向左偏移。
- 第二个值 (10px)：垂直偏移量，正值表示阴影向下偏移，负值表示向上偏移。
- 第三个值 (5px)：模糊半径，值越大阴影越模糊。
- 第四个值 (#888)：阴影的颜色。
*/

上一篇：css箭头

下一篇：css透明背景色