css3导航阴影 |给div下p标签加css样式

.nav {
box-shadow: 0 1px 0 #fff, 0 2px 0 #d4d4d4, 0 3px 0 #c3c3c3, 0 4px 0 #bbb,
0 5px 0 #b1b1b1, 0 6px 0 #aaa, 0 7px 0 #9d9d9d, 0 8px 5px rgba(0,0,0,.1),
0 9px 10px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.1), 0 11px 20px rgba(0,0,0,.15),
0 12px 30px rgba(0,0,0,.15), 0 13px 35px rgba(0,0,0,.2);
}

上面的代码演示了如何使用CSS3阴影效果为导航条添加阴影。大家可以使用box-shadow属性来实现阴影的效果。它接受一个或多个参数，包括水平偏移量、垂直偏移量、模糊半径、阴影颜色和阴影类型等。

在上面的代码中，大家使用了多个值来创建一个自然的阴影效果。大家设置了多个偏移量、模糊半径和透明度的值，以达到更自然的效果。如需更多信息，请查看CSS3文档。

总之，CSS3阴影特性是一种非常有用的工具，可以为导航条等各种元素增加视觉效果并使其更加出色。如果你正在开发网站或应用程序，不要错过这一重要的CSS特性。