Tecnología

Inicio

Cómo cambiar la manera en que un miradas del botón HTML

March 1

Puede cambiar la forma de un botón HTML mira a través de las hojas de estilo en cascada (CSS) o mediante la sustitución del botón con su propia imagen. Esto es útil cuando se desea que el botón se destacan o simplemente para darle su propio estilo y mirar. Un uso común del botón HTML es como el botón de enviar para formularios de una página Web. Tenga cuidado al añadir el código CSS, ya que presenta, a veces de manera diferente en distintos navegadores web, especialmente las versiones más antiguas.

Instrucciones

1 Abra el archivo de código fuente HTML en un editor de texto, como el Bloc de notas de Windows.

2 Agregue el código "type =" imagen "y" a la "etiqueta <input> para su botón de formulario para reemplazar el botón HTML predeterminado con su propio archivo de imagen. Por ejemplo," <input type = "imagen" name = "submit" sección de su archivo HTML si sólo desea cambiar el aspecto general del botón HTML predeterminado. Algunos atributos que puede cambiar son el color del botón de fondo, tamaño de fuente, el relleno y el peso de la fuente. Por ejemplo, "<head> <style type =" text / css "> #mybutton {background-color: amarillo; padding: 30px;} </ style> </ head>".

4 Añadir su hoja de estilo como "id =" mystyle "" dentro de la "<input>" etiqueta donde se encuentra el botón de formulario en el archivo HTML. Por ejemplo, "<input type =" submit "id =" "value =" myButton buscar! "/>" Hará que el botón tiene un color de fondo amarillo y un mayor relleno.

5 Guarde el archivo HTML.