¿Cómo deshacerse de una separación pequeña en el borde inferior de las imágenes en HTML

Cuando se inserta una imagen en su página web, una pequeña separación a menudo aparece en el borde inferior de la imagen. Este espacio en blanco adicional se produce cuando los enfrentamientos con otros elementos gráficos tales como un marco o cuadro. HTML le da la opción de añadir Cascading Style Sheets o CSS, estilos, con su etiqueta de imagen para modificarla. Usar CSS junto con el código HTML para deshacerse del espacio extra debajo de su imagen.

Instrucciones

1 Poner en marcha su programa de edición de texto y abrir el archivo de página Web que contiene la imagen que desea editar.

2 Coloque el cursor dentro de la etiqueta de imagen HTML e introduzca "style =" seguido de un par de comillas antes de que la barra invertida cierre. Para ilustrar:

<Img src = "dirección URL" style = "" />

3 Tipo "border-bottom:" entre comillas del estilo e introduzca "0px" después de los dos puntos. Su código HTML completa ahora el siguiente aspecto:

<Img src = "dirección URL" style = "border-bottom: 0px" />

4 Guarde el archivo. Una vista previa del documento en un navegador Web para ver cómo aparece la imagen en la página.

Consejos y advertencias

• Si la separación persiste, añada "margin-bottom" y "padding-bottom" atributos para el código de la imagen y ajustar estos valores a cero píxeles:
• <Img src = estilo de "dirección URL" = "border-bottom: 0px" margin-bottom: "0px" padding-bottom: "0px" />