-Una de las formas más llamativas de decorar nuestros botones, cajas o cuadros de texto en CSS en incluirle una sombra a los bordes.

Estableciendo unos parámetros en nuestra código de estilo podremos poner una sombra en los bordes y variar su color y tamaño. Podemos hacer que estas sombras se encuentren en el interior o exterior con los siguientes códigos CSS:

Bordes con Sombras Interiores

box-shadow: inset 0 0 10px #444444;

 

Bordes con Sombras Exteriores

box-shadow: 0 0 10px #444444;

 

Jugando con los valores en px podemos hacer más o menos pronunciado el efecto.