CSS让盒子阴影
要让盒子具有阴影效果,可以使用CSS的box-shadow属性。
语法如下:
box-shadow: h-shadow v-shadow blur spread color inset;
各个参数的含义如下:
- h-shadow:水平偏移量,必须指定。
- v-shadow:垂直偏移量,必须指定。
- blur:模糊半径,可选。
- spread:阴影扩散半径,可选。
- color:阴影颜色,可选。
- inset:是否将阴影变成内阴影,可选。
例如,要让一个宽为200px、高为100px的盒子具有黑色阴影,可以这样写:
box-shadow: 2px 2px 10px 0 #000;
这表示阴影向右下方偏移2px,水平和垂直的模糊半径都是10px,阴影颜色为黑色。
原文地址: https://www.cveoy.top/t/topic/bpzD 著作权归作者所有。请勿转载和采集!