Cuando una imagen sirve como un enlace en una página web, a veces que va a terminar con un borde azul alrededor de sus bordes antiestético si el diseñador de páginas no toma medidas preventivas. Este borde puede arruinar la estética del diseñador estaba tratando de crear. Por suerte, si usted está construyendo una página web y nota un problema con bordes azules de imagen, sólo se necesita una simple modificación del código para deshacerse de ellos.
Instrucciones
1 Abra el archivo HTML de la página Web en un editor de texto o programa de diseño.
2 Compruebe si la página utiliza una hoja de estilo CSS. Si la página utiliza una hoja de estilos externa, debería ver una línea de código en la cabecera de la página que tiene una apariencia similar a la siguiente: <link href = "/ stylesheet.css" rel = "stylesheet" type = "text / css" / >
3 Encontrar el archivo de hoja de estilos en su ordenador (en este ejemplo, stylesheet.css) si ha determinado uno está en uso. Entre las etiquetas <style> y </ style> en la hoja de estilo, añada el siguiente código:
un img {
border: none;
}
Este código eliminará bordes de la imagen azules en todas las páginas de su sitio que utilizan dicha hoja de estilos.
4 Busque la etiqueta <head> en el archivo HTML de su página si la página no utiliza una hoja de estilos externa. Entre <head> y </ head>, escriba lo siguiente:
<Style type = "text / css">
un img {
border: none;
}
</ Style>
Este código crea una hoja de estilo local que funciona sólo en esa página específica, y funcionará de la misma manera que la hoja de estilos externa para eliminar los bordes azules.
5 Guardar tanto la hoja de estilo externa y el archivo HTML de la página. Subirlos a su servidor Web, teniendo cuidado de sobrescribir las versiones anteriores cuando se le solicite. Las fronteras azules alrededor de sus imágenes vinculadas ahora debe desaparecer.
Consejos y advertencias
- Si prefiere usar HTML básico, simplemente busque la etiqueta <img src> para la imagen problemática, que debe ser algo como esto: <img src = "/ imagefile.jpg">. Coloca el cursor inmediatamente a la derecha de la comilla final, a continuación, añadir un valor cero en la frontera: <img src = "/ imagefile.jpg" border = "0">.