Cómo vincular al botón de imágenes en CSS

La "imagen de fondo" propiedad CSS le permite enlazar una imagen como fondo de un botón. Esto significa que la imagen se muestra en lugar del típico botón del navegador que se ve cuando no se muestra una imagen. Se puede utilizar cualquier formato JPG, GIF o PNG imagen de fondo del botón para. Antes de realizar el botón cambia de imagen, asegúrese de que la imagen se encuentra en el servidor.

Instrucciones

1 Haga clic en el archivo HTML que contiene el botón. Haga clic en "Abrir con", a continuación, en el editor HTML en la lista de programas.

2 Crear la clase de botón. Copia y pega el siguiente código en el archivo HTML, reemplazando el nombre de la imagen con su propia:

<Script type = "text / css">

un botón {

background-color: transparente;

Imagen de fondo: URL (button.gif);

}

</ Script>

3 Vincular la nueva clase CSS para el botón HTML. El código siguiente es un ejemplo de un botón que utiliza la imagen de fondo establecido en la clase CSS:

<Input type = clase de "botón" "botón" =>

4 Guarde los cambios y abrir el archivo en un navegador Web. Revisar el botón para comprobar la imagen se carga en el botón.