Css盒子阴影语法介绍
时间: 2023-04-05 22:03:57 浏览: 138
盒子的阴影
CSS盒子阴影可以通过box-shadow属性来实现。语法如下:
box-shadow: h-shadow v-shadow blur spread color inset;
其中,h-shadow表示水平阴影的位置,可以为负值;v-shadow表示垂直阴影的位置,也可以为负值;blur表示模糊距离,可以为0;spread表示阴影的扩散距离,可以为负值;color表示阴影的颜色;inset表示是否将阴影设置为内阴影。
例如,设置一个黑色的外阴影,偏移量为水平2像素,垂直2像素,模糊距离为2像素,扩散距离为0像素,可以使用以下代码:
box-shadow: 2px 2px 2px 0px #000000;
希望能对你有所帮助。
阅读全文