bordes doble diferente color

Citar

Escrito el 10 Oct 2011 02:03 pm

buenas... estoy comenzando en el foro...
y en el diseño web...
pero tengo un problema con un diseño, el cual lleva un borde redondeado(eso no es problema), pero el borde es doble y de diferente color como les muestro la imagen debajo...(ese es el problema).

desde ya si pueden ayudarme, muchas gracias!!! :wink:

Por ignacio85r

31 de clabLevel

Genero:Masculino

Envíale un mensaje privado

diseñoweb moGraph

Citar

Escrito el 10 Oct 2011 02:19 pm

Como tal un borde doble no existe en CSS, pero puedes usar un padding en el div para dar el efecto algo así:

Código HTML :

<html>
<head>
   <title></title>
</head>
<style type="text/css" media="all">
   body, html{
      background:#d4d4d4;
   }
   .wrapper{
      border:10px solid #222;
      border-radius:10px;
      background:#FFF; /*Color del "borde interno"*/
      padding:10px; /*Ancho del "borde interno"*/
   }
   .inner{
      background:#c5c5c5;
      padding: 10px;
   }
</style>
<body>
   <div class="wrapper">
      <div class="inner">
         It Works!!
      </div>
   </div>
</body>
</html>

Saludos!!

Por Tmeister

260 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

@tmeister