2 bordes de 2 colores distintos en un mismo DIV

[kkurosaki]

Iniciado por rulzzz

en realidad es un borde que recorre varias capas, entonces es por arriba y abajo en una, solo por la derecha en otra..... entonces el BEFORE, AFTER no me vale, y hacerlo en varias capas seria bastante lioso.

Yo no lo veo tan lioso.

Código HTML:

<div id="one">
<div id="two">
 
CONTENIDO
 
</div>
</div>
 

Código CSS:

#one {width:500px, height:500px; border: 1px solid #00f;}
#two {position:relative; width:495px; height:495px; border:1px solid #f00; margin:auto;}
 

Saludos.