box-shadow:
时间: 2023-10-01 11:06:13 浏览: 72
详解CSS3的box-shadow属性制作边框阴影效果的方法
5星 · 资源好评率100%
box-shadow属性是用来添加一个元素的阴影效果。它可以接受多个值,包括水平偏移量、垂直偏移量、模糊半径、扩展半径和颜色。例如:
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
这个规则会在元素下方和右侧添加一个2像素的阴影,模糊半径为5像素,颜色是半透明的黑色。你也可以使用inset值来使阴影看起来像是凹陷进去的。例如:
box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
这个规则会在元素内部添加一个5像素的阴影。
阅读全文