可以使用 box-shadow
属性来设置盒子阴影。box-shadow
属性可以设置的值有:
h-shadow
:水平阴影的位置,可以是正数也可以是负数。v-shadow
:垂直阴影的位置,可以是正数也可以是负数。blur
:模糊距离,值越大阴影越模糊,可以是 0。spread
:阴影的扩展距离,可以是正数也可以是负数,值为正数时阴影扩大,值为负数时阴影缩小。color
:阴影的颜色。例如,设置一个水平位置为 2px,垂直位置为 2px,模糊距离为 4px,扩展距离为 2px,颜色为黑色的阴影,代码如下:
box-shadow: 2px 2px 4px 2px #000000;
其中,2px 2px
表示水平位置和垂直位置,4px
表示模糊距离,2px
表示扩展距离,#000000
表示颜色。