Para crear más de 2 bordes a un objeto la forma más sencilla es la de utilizar la propiedad “box-shadow” de CSS3.

Ejemplo de un elemento con 6 bordes (simulando los colores del arco iris) de 5px de grosor:

Síntaxis básica:

  • h-shadow: Posición de la sombra horizontal
  • v-shadow: Posición de la sombra vertical
  • blur (opcional): Desenfoque
  • spread (opcional): Propagación
  • color (opcional): Color