boder设置div盒子阴影
时间: 2023-10-07 22:07:28 浏览: 123
盒子的阴影
你可以通过 CSS 的 box-shadow 属性来设置 div 盒子的阴影。示例代码如下:
```css
div {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
```
其中,box-shadow 属性的四个参数分别为:
- 水平偏移量:表示阴影的水平位置,可以是负值(表示阴影在元素左侧)。
- 垂直偏移量:表示阴影的垂直位置,可以是负值(表示阴影在元素上方)。
- 模糊度:表示阴影的模糊程度,值越大越模糊。
- 颜色:表示阴影的颜色,可以是具体的颜色值,也可以使用 rgba() 函数来设置透明度。
你可以根据自己的需求调整这些参数来实现不同的阴影效果。
阅读全文