Cómo quitar bordes de las imágenes en CSS

Hojas de estilo en cascada (CSS) es un método compatible con los estándares para estilizar tus páginas web. Una de las tareas más utilizadas y, sin embargo a menudo confuso es cómo mostrar las imágenes correctamente. Cuando las imágenes en sus páginas web están vinculados, a veces aparecen con un borde azul que los rodea. Algunos navegadores, como Internet Explorer y Firefox, hacen que las páginas para mostrar esta frontera. Afortunadamente, hay una manera fácil de solucionar esto con CSS usando dos métodos.

Instrucciones

Vincular el archivo CSS externo al HTML

1 Abra la hoja de estilos CSS o crear un archivo CSS usando el editor de texto HTML. Si es necesario, el nombre del nuevo archivo y guardarlo con la extensión ".css".

2 Añadir esta regla estilo de borde a su archivo CSS: img: {border-style: none; }

3 Abra el archivo HTML y en el elemento de "cabeza" del documento de añadir: <href = rel = "stylesheet" type "/ CSS de texto" medios de enlace "cssfilename.css" = = "all"> Esto vincula el archivo CSS a su documento HTML .

4 Ahorrar el CSS y el archivo HTML.

Incrustar la hoja de estilos en el código HTML

5 Abre el archivo HTML.

6 En "Cabeza" elemento de complemento del documento: <style type = "text / css"> <- img: {border-style: none;} -> </ style>

7 Guarde el archivo HTML.