Comunidad de diseño web y desarrollo en internet online

bordes doble diferente color

Citar            
MensajeEscrito 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  

diseñoweb moGraph

safari
Citar            
MensajeEscrito 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

 

chrome
Citar            
MensajeEscrito el 10 Oct 2011 07:20 pm
Ejem, sí existe el borde doble en CSS:

Código HTML :

border: 3px double #ff0000;

El problema es que ambos bordes solo pueden ser del mismo color...

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 10 Oct 2011 07:56 pm
muchas gracias, pruebo y comento!!

Por ignacio85r

31 de clabLevel



Genero:Masculino  

diseñoweb moGraph

safari
Citar            
MensajeEscrito el 10 Oct 2011 08:02 pm
muy buenome sirvio perfectamente!!!
muchisimas gracias!

Por ignacio85r

31 de clabLevel



Genero:Masculino  

diseñoweb moGraph

safari
Citar            
MensajeEscrito el 10 Oct 2011 08:10 pm

ignacio85r escribió:

muy buenome sirvio perfectamente!!!
muchisimas gracias!


cual te sirvió, lo del padding o por css. mequedé en la duda.

Por Silvestre_

391 de clabLevel

1 tutorial

 

"un simple aficionado", pero acepto propuestas de trabajo

firefox
Citar            
MensajeEscrito el 10 Oct 2011 08:11 pm
la primera... me sirvio

Por ignacio85r

31 de clabLevel



Genero:Masculino  

diseñoweb moGraph

safari
Citar            
MensajeEscrito el 10 Oct 2011 09:15 pm
gracias ;-)

Por Silvestre_

391 de clabLevel

1 tutorial

 

"un simple aficionado", pero acepto propuestas de trabajo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.