css中边框阴影函数
时间: 2024-05-29 09:07:26 浏览: 100
在CSS中,可以使用box-shadow属性为元素添加阴影效果。该属性需要指定阴影的偏移量、模糊半径、阴影颜色以及是否包含元素本身等参数,语法如下:
```
box-shadow: h-shadow v-shadow blur spread color inset;
```
其中,h-shadow和v-shadow分别表示阴影的水平和垂直偏移量,单位可以是px、em等;blur表示阴影的模糊半径,单位同样可以是px、em等;spread表示阴影的扩散半径,单位同样可以是px、em等;color表示阴影的颜色;inset表示是否将阴影内嵌到元素中。如果没有设置inset,则阴影会呈现为外阴影。
以下是一个例子:
```css
.shadow {
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
```
这将为class为"shadow"的元素添加一个向右下方偏移2px,模糊半径为5px,颜色为rgba(0,0,0,0.3)的外阴影。
阅读全文