box-shadow: 0 3px 15px #4d4c4c;
时间: 2024-08-16 09:05:07 浏览: 95
详解CSS3的box-shadow属性制作边框阴影效果的方法
5星 · 资源好评率100%
`box-shadow` 属性用于设置元素的阴影效果。在 CSS 中,`0 3px 15px #4d4c4c` 是一个简化的语法,具体含义如下:
1. `0`: 指定水平偏移量,这里表示没有水平移动(与元素边缘对齐)。
2. `3px`: 指定垂直偏移量,即阴影向下移动的距离是 3 像素。
3. `15px`: 指定模糊半径(spread blur),也就是阴影扩展的大小,这里是 15 像素。
4. `#4d4c4c`: 定义阴影的颜色,十六进制形式,表示深灰色。
所以,`box-shadow: 0 3px 15px #4d4c4c` 会创建一个向下的 3 像素深、15 像素扩散的灰色阴影。要应用这个样式,只需在相关的 HTML 元素上添加此 CSS 规则,如:
```css
.example-element {
box-shadow: 0 3px 15px #4d4c4c;
}
```
其中 `.example-element` 是你想应用阴影效果的元素的选择器。
阅读全文