css设置box-shadow为内部
时间: 2023-10-18 18:12:36 浏览: 136
要将box-shadow设置为内部阴影,你可以使用inset关键字。下面是一个示例代码:
```css
.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
```
在上面的代码中,`.box`是一个具有200像素宽度和高度的元素,背景颜色为白色。通过将box-shadow属性的值设置为`inset 0 0 10px rgba(0, 0, 0, 0.5)`,实现了一个内部阴影效果。其中,inset关键字指定了阴影为内部阴影,0 0定义了阴影的偏移量,10px定义了阴影的模糊半径,rgba(0, 0, 0, 0.5)定义了阴影的颜色和透明度。
你可以根据需要调整参数来实现不同的内部阴影效果。
阅读全文