Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Css
Code

Css - Como cambiar la apariencia de un botón

Códigos Css

Mostramos dos diferentes formas de cambiar la apariencia de los aburridos botones.
en el segundo ejemplo cambiamos el borde, los cuales tambien afectan a menúes desplegables, botones, cajas de texto, radio button, checkbox, textarea
Visitas: 32,989 - 14/04/2003
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
tipos de Bordes:
dashed, dotted, double, groove, hidden, inset, outset, ridge, solid, none
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

  1. 1. -----------------------------------------------
  2. <input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
  3.  
  4.  
  5. 2. ------------------------------------------------
  6.  
  7. <input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px dashed; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Como cambiar la apariencia de un botón" href="http://www.tutores.org/codigo/367/" target="_blank">Como cambiar la apariencia de un botón</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
16-07-2009 14:17:05
3 5
gracias estos codigos me serviran de mucha ayuda gracias gente
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.