Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: Caobiita! en 03 de Junio de 2012, 20:24:22 pm
-
Tengo una duda respecto al borde en css, estoy intentando hacer un borde de 2px y que 1px sea de un color y el otro 1px sea de otro color, y sería para hacerlo a los dos lados del div, y no sé como hacerlo..
A ver si me podéis ayudar..
Un saludo.
-
Puedes hacer un div que contenga el div del contenido, a uno le pones un borde rojo (por ejemplo) y al otro el azul.
-
También puedes probar con overline. Pero puede que haya problemas con compatibilidades.
-
Podrías jugarte con la propiedad box-shadow de CSS3 ya que nos permite agregar multiples sombras a un elemento.
En este caso haremos una pequeña trampa que consiste en hacer que la distancia X, Y y del degradado sea 0 para que solamente indiquemos el tamaño de la sombra cosa que esta nos quedara de un color mate simulando el borde.
Ejemplo:
div {
box-shadow: 0 0 0 5px #000, 0 0 0 10px #777;
}
Saludos.
-
Gracias a todos, ya estoy viendo a ver como lo hago, a ver que sale..