.box {
box-shadow: 5px 5px 5px grey; /* 横向偏移量 纵向偏移量 模糊值 颜色 */
}如上代码，通过给div添加box-shadow属性并设置对应的值，就可以为div添加阴影效果了。其中，box-shadow属性有四个值需要设置。
第一个值为横向偏移量，表示阴影相对于元素的水平位置。如果设置为0，则表示阴影在元素正下方。
第二个值为纵向偏移量，表示阴影相对于元素的垂直位置。如果设置为0，则表示阴影在元素正右方。
第三个值为模糊值，表示阴影的模糊程度。如果设置为0，则表示阴影清晰，越大则越模糊。
第四个值为颜色，表示阴影的颜色。可以使用颜色的名称、十六进制值或者RGB值。
在实际项目中，大家可以根据需求灵活设置阴影效果，并且可以通过多次设置box-shadow属性来添加多个阴影效果。除此之外，还可以通过设置inset关键字来将阴影变成内阴影，让元素看起来更立体。
总之，CSS给大家提供了丰富的阴影效果，可以让大家的网页设计更加生动有趣。希望本文的介绍能够帮助大家更好地使用CSS，在网页设计中发挥更大的作用。