Autor Tema: [Ayuda] Borde css  (Leído 583 veces)

Desconectado Caobiita!

  • PHPer@ Fijo
  • ***
  • Mensajes: 214
  • Karma: 5
  • Sexo: Masculino
  • ¡Aprendiendo!
    • Ver Perfil
    • Próximamente
[Ayuda] Borde css
« 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.
« Última modificación: 03 de Junio de 2012, 20:52:01 pm por Caobiita! »
En construcción.

Comunidad PHPeros

[Ayuda] Borde css
« en: 03 de Junio de 2012, 20:24:22 pm »

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Ayuda] Borde css
« Respuesta #1 en: 03 de Junio de 2012, 21:20:02 pm »
Puedes hacer un div que contenga el div del contenido, a uno le pones un borde rojo (por ejemplo) y al otro el azul.
- Moderador de PHP


Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:[Ayuda] Borde css
« Respuesta #2 en: 03 de Junio de 2012, 21:34:53 pm »
También puedes probar con overline. Pero puede que haya problemas con compatibilidades.

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Ayuda] Borde css
« Respuesta #3 en: 04 de Junio de 2012, 00:29:38 am »
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:
Código: [Seleccionar]
div {
box-shadow: 0 0 0 5px #000, 0 0 0 10px #777;
}

Saludos.
Twitter: @JoakoM010



Desconectado Caobiita!

  • PHPer@ Fijo
  • ***
  • Mensajes: 214
  • Karma: 5
  • Sexo: Masculino
  • ¡Aprendiendo!
    • Ver Perfil
    • Próximamente
Re:[Ayuda] Borde css
« Respuesta #4 en: 04 de Junio de 2012, 20:56:39 pm »
Gracias a todos, ya estoy viendo a ver como lo hago, a ver que sale..
En construcción.