css box shadow

作者：ˉ吻干迩的'泪发布日期:2025-10-08 浏览:35

/* 示例代码：为一个元素添加阴影效果 */

.box {
  width: 200px;
  height: 100px;
  background-color: lightblue;
  box-shadow: 10px 10px 5px grey;
}

/* 解释说明：
- box-shadow 属性用于给元素添加阴影效果。
- 语法：box-shadow: h-offset v-offset blur spread color;
  - h-offset: 水平偏移量，正值向右，负值向左。
  - v-offset: 垂直偏移量，正值向下，负值向上。
  - blur: 模糊半径，值越大阴影越模糊。
  - spread: 扩展半径，值越大阴影范围越大。
  - color: 阴影颜色。
在这个例子中，阴影会从盒子的右侧和下侧各偏移 10px，模糊半径为 5px，颜色为灰色。
*/

上一篇：css样式表

下一篇：css media