Foros del Web » Creando para Internet » CSS »

Div con marco redondo y de color

Estas en el tema de Div con marco redondo y de color en el foro de CSS en Foros del Web. hola no se si se puede hacer sin imagenespero quiero hacer un div con las esquinas redondeadas y un borde de color...
  #1 (permalink)  
Antiguo 14/04/2010, 07:59
 
Fecha de Ingreso: abril-2009
Mensajes: 356
Antigüedad: 8 años, 7 meses
Puntos: 7
Div con marco redondo y de color

hola

no se si se puede hacer sin imagenespero quiero hacer un div con las esquinas redondeadas y un borde de color
__________________
Cannabis; todo sobre el mundo de la marihuana
  #2 (permalink)  
Antiguo 14/04/2010, 08:01
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Div con marco redondo y de color

http://www.cssplay.co.uk/boxes/curves.html

Mirá el código fuente
  #3 (permalink)  
Antiguo 14/04/2010, 08:24
 
Fecha de Ingreso: abril-2009
Mensajes: 356
Antigüedad: 8 años, 7 meses
Puntos: 7
Respuesta: Div con marco redondo y de color

muxhas gracias ya lo he hecho pero el problema es que me deja un hueco enorme debajo

esto como se podria solucionar

te pongo el codigo

Código:
.curvy {position:relative; width:250px; background:#9caf9c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}
Código:
<div class="curvy"><em id="ctl"><b>&bull;</b></em><em id="cbl"><b>&bull;</b></em><em id="ctr"><b>&bull;</b></em><em id="cbr"><b>&bull;</b></em>
						<p><? echo $defensor_primera_linea[$contador_atacar][0][1]; ?> ataca a <? echo $atacante_primera_linea[$contador][0][1]; ?></p>
						</div>
__________________
Cannabis; todo sobre el mundo de la marihuana

Etiquetas: color, marco
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




La zona horaria es GMT -6. Ahora son las 22:13.