Algunos navegadores añaden un borde azul gruesa o caja alrededor de los enlaces de imagen por defecto. En HTML, puede activar la frontera va a basar "border = '0'" en la etiqueta "<img>", pero el atributo "frontera" se considera obsoleto en HTML moderna. Usar CSS (Cascading Style Sheets) código en su lugar y establecer la propiedad "frontera" a cero para todos "<img>" etiquetas anidadas dentro de las etiquetas "<a>". Hacer esto se asegurará de que todas las imágenes dentro de las etiquetas Link muestra fuera del término, aunque es posible que desee crear un borde que coincide con el resto de su diseño en su lugar.
Instrucciones
1 Ir a "Inicio" en la barra de tareas de escritorio y entrar en "Bloc de notas" en el campo de búsqueda. Vaya a "Archivo" y "Abrir" para abrir el archivo para su página Web. En la mayoría de los casos, su página Web es un archivo HTML.
2 Añadir un par de "<style>" etiquetas "entre los <head>" etiquetas situadas cerca de la parte superior de su código:
<Style type = "text / css">
</ Style>
No es necesario un segundo par de estas etiquetas si su código ya los contiene.
3 Añadir este código entre los "<style>" etiquetas:
un img {
border: 0px;
}
El código anterior se seleccionan todos "> <img" etiquetas "en el interior de las etiquetas <a>" y les da un borde con una anchura de cero píxeles. Este código se apaga la frontera, por lo tanto, en todas las imágenes vinculadas.
Consejos y advertencias
- Utilice la propiedad "frontera" para reemplazar el borde azul por defecto: "border: 1px solid negro;".
- Si desea que los usuarios hacen clic en sus imágenes, usted debe estilo de ellos para proporcionar alguna señal visual a los usuarios cuando las imágenes se puede hacer clic.