ubiquitour.com

Cómo eliminar las fronteras de fotos en CSS

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

Instrucciones

Vincular el archivo CSS externo en tu HTML

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

2 Agregue la regla de estilo de esta frontera al archivo CSS: img: {estilo de borde: none;}

3 Abre el archivo HTML y en elemento de "Head" del documento agrega: < link href="cssfilename.css" rel = "stylesheet" type = "text/css" media = "all" > esto enlaza el archivo CSS al documento HTML.

4 Guarde el archivo de tu CSS y HTML.

Incrustar la hoja de estilos en el HTML

5 Abra el archivo HTML.

6 En el elemento de "Head" del documento agrega: < estilo tipo = "text/css" ><!--img: {estilo de borde: none;}--> < / estilo >

7 Guarde el archivo HTML.