在 CSS 中,box-shadow
属性用于为元素添加阴影效果。它可以创建一个阴影,使元素看起来像一个盒子,具有深度和轮廓。
例如:
.box {
box-shadow: 0 0 10px #000;
}
上述代码将为一个元素(例如 .box
)添加一个阴影,阴影的颜色为黑色(#000
),阴影的模糊程度为 10px。
box-shadow
属性可以设置多个阴影,用逗号分隔:
.box {
box-shadow: 0 0 10px #000, 1px 1px 2px #fff;
}
上述代码将创建两个阴影:一个阴影为黑色,模糊程度为 10px,位于元素的底部;另一个阴影为白色,模糊程度为 2px,位于元素的前面。
总之,box-shadow
属性为元素提供了很好的视觉效果,可以用于创建各种样式的阴影效果。
领取专属 10元无门槛券
手把手带您无忧上云