css阴影效果属性:box-shadow属性
发布时间:2023-06-01 14:26:00
发布人:zyh
是的,box-shadow属性可以用于在元素周围添加阴影效果。它的语法如下:
box-shadow: h-shadow v-shadow blur spread color inset;
其中,h-shadow是水平偏移量,v-shadow是垂直偏移量,blur是模糊半径,spread是阴影的扩散距离,color是阴影颜色,inset是可选值,表示阴影在元素内部。
例如,以下代码将元素添加一个黑色、模糊半径为5px、水平、垂直偏移量都为0、扩散距离为10px的外阴影效果:
div {
box-shadow: 0 0 5px 10px black;
}
需要注意的是,box-shadow属性只对块级元素有效,它可以和其他样式属性共同使用,例如border-radius、background-color等。