css盒子阴影

作者：√学卟会掩饰发布日期:2026-03-10 浏览:27

/* 示例代码：为盒子添加阴影效果 */

.box {
  width: 200px;
  height: 200px;
  background-color: lightblue;
  /* box-shadow 属性用于设置盒子的阴影效果 */
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}

/* 解释说明：
- box-shadow 的语法为：box-shadow: h-offset v-offset blur spread color;
- h-offset: 水平偏移量，正值向右，负值向左；
- v-offset: 垂直偏移量，正值向下，负值向上；
- blur: 模糊半径，值越大阴影越模糊；
- spread: 阴影扩展半径，可选；
- color: 阴影颜色，可以是颜色名称、十六进制颜色码或 rgba 颜色。
*/

上一篇：css文字缩进

下一篇：css disabled