La sombra de cada borde (atributo de sombra de cuadro)

Establezca los cuatro bordes del borde en diferentes sombras (atributo de sombra de cuadro)

2. Configuración de código:

1. Código antes de configurar

   box-shadow: none;

2. Código después de configurar

   box-shadow:    0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/
   
                   -10px 0px 0px 0px #3bee17,   /*左边阴影  绿色*/
   
                   10px 0px 0px 0px #2279ee,    /*右边阴影  蓝色*/
   
                   0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/

   (Descargo de responsabilidad) El código aquí está tomado de: https://blog.csdn.net/weixin_39877717/article/details/80625388

3.  

   Después de la optimización, el efecto del código es el siguiente:

    

   box-shadow:    0px -10px 0px 0px rgba(0,0,0,0),   /*上边阴影  透明*/
   
                   -10px 0px 0px 0px rgba(0,0,0,0),   /*左边阴影  透明*/
                   
                   10px 0px 0px 0px rgba(0,0,0,0),    /*右边阴影  透明*/
                   
                   0px 10px 30px 0px rgba(0,0,0,0.1);    /*下边阴影 */

   Lo anterior tiene que ver con la "sombra de borde de cada borde (atributo de sombra de cuadro)".

Transferencia desde: https://blog.csdn.net/qq_35393869/article/details/102460983