Css - Redondear botones y campos de texto

Códigos Css

Con solo agregar este css a tus paginas podras obtener bonitos resultados en el diseño de tus paginas, redondeando las esquinasd e los campos de texto y botones, ademas de darles color de fondo, tipo de letra... Este codigo no funciona con Internet explorer.

Tutores.org

Inicio > Css

Visitas: 52,831 - 14/10/2003 22:43:06

EXPLICACION

Modificar entre las lineas 4 y 9 para la configuracion de colores, fuente et...

CODIGO

Este codigo aun no ha sido probado por Tutores.org en Internet Explorer 7+

Este codigo aun no ha sido probado por Tutores.org en Opera

Este codigo aun no ha sido probado por Tutores.org en Safari

/* Codigo ofrecido por Tutores.org */

<style type="text/css">
input{
-moz-border-radius: 15px;
background-color : #eaf9ff;
border : 1px solid #000000;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
</style>
<label>
<input type="text" name="textfield">
<input type="submit" name="Submit" value="Enviar">
</label>

ENLACE AL CODIGO

Si quieres enlazar desde tu pagina a este codigo

<a title="Tutores.org - Redondear botones y campos de texto" href="http://www.tutores.org/codigo/718/" target="_blank">Redondear botones y campos de texto</a>

COMENTARIOS

Comentario usuario

NAGINAGI

1 5

NO SIRVE PARA ie 6.0

Comentario usuario

maxi 10/05/2006 17.56.28

1 5

Capo !

para q siver para ie6 por ejemplo si el cod para firefox es:

input{
-moz-border-radius: 15px;
background-color : #eaf9ff;
border : 1px solid #000000;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}

para ie6 tenes q duplicar el codigo q y al selector agregarle " *html "

asi:

*html input{
-moz-border-radius: 15px;
background-color : #eaf9ff;
border : 1px solid #000000;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}

SIRVE EN LA MAYORIA DE LOS CASOS.
MUY BUENO EL BORDE REDONDO, LO ESTABA BUSCANDO!

INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
	Codigo Seguridad
	Antes de enviar un comentario... Todos los comentarios son revisados personalmente Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado Usuarios registrados tienen preferencia en recibir respuestas de ayuda!! Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor. Por favor, insertar los comentarios descriptivos.