box-shadow: 20px 20px;
时间: 2024-05-16 18:10:28 浏览: 82
box-shadow的使用方法
box-shadow是CSS中的一个属性,它可以为元素添加一个阴影效果。其中的20px 20px代表阴影的水平和垂直偏移量,其他可选参数包括阴影颜色、模糊半径和扩散半径等。如果只提供水平和垂直偏移量,则默认阴影颜色为黑色,模糊半径和扩散半径都为0。
下面是一个例子,演示如何使用box-shadow属性为元素添加阴影效果:
```css
div {
width: 100px;
height: 100px;
background-color: #f1f1f1;
box-shadow: 20px 20px;
}
```
这会在div元素的右下角添加一个黑色阴影效果,偏移量为20px。
阅读全文