/*box-shadow属性*/
.box{
width: 300px;
height: 200px;
background-color: pink;
box-shadow: 5px 5px 10px #999;
}box-shadow属性可以为盒子添加阴影效果。值的含义分别代表横向和纵向的偏移量、模糊程度和颜色。例如上述代码中，box的阴影效果为向右下方偏移5px和5px，模糊程度为10px，颜色为#999。
/*text-shadow属性*/
.text{
font-size: 36px;
text-shadow: 2px 2px 5px #000;
}text-shadow属性可以为文本添加阴影效果。同样，第一个值代表横向偏移量，第二个值代表纵向偏移量，第三个值代表模糊程度，第四个值代表颜色。例如上述代码中，text的文本阴影为向右下方偏移2px和2px，模糊程度为5px，颜色为#000。
阴影效果可以为页面添加一些立体感，但过多的阴影效果也会使页面显得过于复杂，需要谨慎使用，以免影响用户体验。