css 只设置顶部阴影

CSS中设置阴影效果可以使用box-shadow属性，该属性用于设置盒子阴影，包括x轴偏移量、y轴偏移量、模糊半径、扩展半径和颜色等。如果只想设置顶部阴影，则可以通过设置y轴偏移量和模糊半径为负数实现。

box-shadow: 0px -5px 5px -5px #888888;
    

代码中，第一个值为水平偏移量，设置为0表示不水平偏移；第二个值为垂直偏移量，设置为-5px表示偏移5px向上，即顶部；第三个值为模糊半径，设置为5px表示比较模糊；第四个值为扩展半径，设置为-5px表示阴影超出盒子边框5px，而且是从盒子内部向外扩张；最后一个值为颜色值，设置为#888888表示灰色阴影。

通过这种方式，就可以只设置顶部阴影效果，而不影响其他部分效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！