Tecnología

Inicio

Cómo crear un botón con una forma transparente

Cómo crear un botón con una forma transparente


Al crear una imagen de botón para su uso en un sitio web, fondo de la imagen debe ser transparente para que el botón se ve bien en cualquier contexto del color. Con el fin de crear un botón de una imagen, tendrá que familiarizarse con la etiqueta <botón>. Esta etiqueta es entendido por todos los principales navegadores y fácilmente reemplaza botones de envío de formularios tradicionales. Utilice su nueva imagen transparente para reemplazar un botón de envío contrario aburrido en su página web.

Instrucciones

1 Guarda la imagen como un formato que le permitirá para preservar la transparencia del fondo. Formatos que soportan la transparencia incluyen GIF, TIFF, PNG y. Las imágenes JPEG no apoyarán un fondo transparente.

2 Cargar la imagen a Internet. Con el fin de incluir la imagen en un código HTML que primero se debe subir a un espacio en la web para que pueda vincular directamente la imagen en el código HTML.

3 Abra el documento HTML y baje hasta la parte en el código HTML donde se encuentran su forma y botón existente. Vuelva a colocar el código del botón de envío del formulario con lo siguiente:
Botón <type = "button">
<Img src = "URL de la imagen aquí">
</ Botón>

4 Vuelva a colocar el "URL de la imagen aquí" parte del código con el enlace directo a su imagen transparente. Guarde el código HTML y cargar la página de Internet para poner a prueba su botón de imagen.