css box-shadow
时间: 2023-10-02 07:04:07 浏览: 98
css box-shadow阴影不透明的解决办法
CSS的box-shadow属性用于添加一个或多个阴影效果到一个元素的框。具体的box-shadow的语法为:
box-shadow: h-shadow v-shadow blur spread color inset;
其中,h-shadow表示水平阴影的位置,v-shadow表示垂直阴影的位置,blur表示阴影的模糊程度,spread表示阴影的尺寸,color表示阴影的颜色,inset表示是否将阴影放在元素内部。
举例来说,引用中的代码展示了一个使用box-shadow属性的例子。通过给一个高为6em、宽为6em的div元素添加box-shadow样式,可以在该元素的右下方创建一个蓝色阴影,阴影的水平位置为3px,垂直位置为5px,模糊程度为4px。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文