css3阴影效果怎么设置？
编辑：自学文库
时间：2024年09月22日
该属性接受一系列的参数，用于指定阴影的颜色、模糊程度、偏移量和阴影的扩散程度。
语法如下：box-shadow: h-shadow v-shadow blur spread color;其中，h-shadow：表示水平偏移量，可以是正值向右偏移，也可以是负值向左偏移；v-shadow：表示垂直偏移量，可以是正值向下偏移，也可以是负值向上偏移；blur：表示阴影的模糊程度，数值越大，模糊程度越高；spread：表示阴影的扩散程度，数值越大，阴影越扩散；color：表示阴影的颜色。
例如，要设置一个红色阴影，水平偏移量为2像素，垂直偏移量为2像素，模糊程度为4像素，扩散程度为1像素，可以使用以下代码：box-shadow: 2px 2px 4px 1px red;这样，元素就会显示出一个红色的阴影效果，阴影向右下方偏移2像素，并且具有一定的模糊和扩散效果。
除了基本的阴影效果外，box-shadow还可以与其他CSS属性一起使用，例如设置阴影效果的元素的背景、边框、圆角等属性，可以创造出更加复杂和独特的阴影效果。