css中怎么设置div阴影

设置div阴影的样式属性是box-shadow，它有两个主要的参数：阴影的水平偏移量和垂直偏移量。

 div {
        box-shadow: 10px 10px;
    } 

上面的代码将在div的下方和右边添加10像素的阴影。此外，box-shadow还有其它一些可选参数：

 div {
        box-shadow: 10px 10px 5px #888888;
    } 

这个代码加了一个参数，阴影的模糊程度，数值越大越模糊。同时还添加了阴影的颜色（#888888表示灰色）。

需要注意的是，box-shadow不仅适用于div，其它可以使用阴影效果的元素都可以使用这个属性，如p、img、h1等等。

如果要设置多个阴影，则用逗号分隔开：

 div {
        box-shadow: 10px 10px 5px #888888, -5px -5px 5px #cccccc;
    } 

此代码将在div的右边和下方加一层灰色阴影，左上方加一层浅灰色阴影。