Foros del Web » Creando para Internet » CSS »

fondo redondeado

Estas en el tema de fondo redondeado en el foro de CSS en Foros del Web. tengo un div con un texto 400 ancho 700 alto color de fondo y todo eso. queria saber si puedo hacer que el fondo se ...
  #1 (permalink)  
Antiguo 17/03/2010, 23:06
Avatar de walterfcr  
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 8 años, 5 meses
Puntos: 4
fondo redondeado

tengo un div con un texto 400 ancho 700 alto color de fondo y todo eso.
queria saber si puedo hacer que el fondo se vean las puntas redondeadas
  #2 (permalink)  
Antiguo 17/03/2010, 23:28
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 8 años, 4 meses
Puntos: 150
Respuesta: fondo redondeado

Te encontre este codigo que sirve para todos los navegadores, es como una construccion de muchos divs, fijate que para cambiar colores de borde o fondo tendras que cambiarlo en varios sitios: http://www.cssplay.co.uk/boxes/snazzy.html


En el Head

Código HTML:
Ver original
  1. <style type="text/css">
  2.  
  3. #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
  4. #xsnazzy h1 {font-size:2.5em; color:#ff0000;}
  5. #xsnazzy h2 {font-size:2em;color:#ff0000; border:0;}
  6. #xsnazzy p {padding-bottom:0.5em;}
  7. #xsnazzy h2 {padding-top:0.5em;}
  8. #xsnazzy {background: transparent; margin:25px 1em 100px 1em;}
  9.  
  10. .xtop, .xbottom {display:block; background:transparent; font-size:1px;}
  11. .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
  12. .xb1, .xb2, .xb3 {height:1px;}
  13. .xb2, .xb3, .xb4 {background:#000000; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
  14. .xb1 {margin:0 5px; background:#ff0000;}
  15. .xb2 {margin:0 3px; border-width:0 2px;}
  16. .xb3 {margin:0 2px;}
  17. .xb4 {height:2px; margin:0 1px;}
  18.  
  19. .xboxcontent {padding-left:5px;padding-right:5px; display:block; background:#000000; border:0 solid #ff0000; border-width:0 1px;}


En el body:

Código HTML:
Ver original
  1. <div id="xsnazzy">
  2. <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
  3. <div class="xboxcontent">
  4. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br>
  5. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br>
  6. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br>
  7. </div>
  8. <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
  9. </div>
  #3 (permalink)  
Antiguo 17/03/2010, 23:48
 
Fecha de Ingreso: marzo-2010
Ubicación: porlamar
Mensajes: 1
Antigüedad: 7 años, 8 meses
Puntos: 0
De acuerdo Respuesta: fondo redondeado

Excelente esta Explicacion del Fondo Redondeado, Saludos

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 20:37.