css3中阴影为哪两类

在CSS3中，阴影一共分为两类，分别为盒阴影和文字阴影。

/*盒阴影*/box-shadow: h-shadow v-shadow blur spread color inset;
    /*文字阴影*/text-shadow: h-shadow v-shadow blur color;
    

盒阴影可以应用于任何元素，它可以为元素增加立体感，让它看起来更加“突出”。box-shadow属性中的参数分别为：h-shadow：表示水平偏移量，可以是正数、负数、零；v-shadow：表示垂直偏移量，可以是正数、负数、零；blur：表示阴影的模糊度，可以是正数，为0时不产生模糊效果；spread：表示阴影的扩散程度，可以是正数、负数、零；color：表示阴影的颜色；inset：表示阴影是否位于元素内部，默认为外部阴影，如果要生成内部阴影可以设置为inset。

文字阴影只能应用于文字，它可以为文字增加立体感，让它看起来更加清晰。text-shadow属性中的参数分别为：h-shadow：表示水平偏移量，可以是正数、负数、零；v-shadow：表示垂直偏移量，可以是正数、负数、零；blur：表示阴影的模糊度，可以是正数，为0时不产生模糊效果；color：表示阴影的颜色。

总结来说，阴影可以让我们的页面看起来更加真实、立体，给人一种更好的视觉体验。

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