La eliminación de los subrayados de enlaces en los documentos HTML requiere código CSS (Cascading Style Sheet). Es necesario utilizar CSS para establecer la propiedad "text-decoration" de todas las etiquetas de anclaje - las etiquetas que crean vínculos en HTML - a "ninguno" para eliminar los subrayados. Al seleccionar todas las etiquetas de anclaje en CSS, sólo puede utilizar "a" como su selector. Puede agregar este código CSS entre "<style>" etiquetas en el archivo HTML, y este es el método más rápido y más fácil. Cuando se quiere llevar a cabo únicamente una sola etiqueta, también se puede colocar la propiedad y el valor de la propia etiqueta.
Instrucciones
1 Abra la página Web en el Bloc de notas y localizar los "<style>" etiquetas "entre los <head>" etiquetas hacia la parte superior del código. Añadir el "<style>" etiquetas si no los ve:
<Style type = "text / css">
</ Style>
2 Escribir un selector CSS que selecciona la etiqueta que desea llevar a cabo, en este caso "a". Utilice la opción "text-decoration: none" propiedad-valor de par para decirle al navegador que no muestre ninguna línea debajo de los enlaces:
un {
text-decoration: none;
}
3 Quitar el subrayado de un enlace único en su etiqueta de anclaje. Utilice el mismo "text-decoration: none" pareja propiedad-valor que se utilizaría en una hoja de estilo:
<a href="path/to/link.html" title="My Link" style="text-decoration: none;"> Mi Enlace </a>
4 Añadir el subrayado de nuevo a los enlaces cuando los usuarios se ciernen sobre ellos mediante la adición de este código en su hoja de estilo:
a: hover {
text-decoration: underline;
}
Consejos y advertencias
- Al quitar los subrayados de enlaces, añadir un nuevo estilo al enlace que separarlo del texto normal, como por ejemplo "font-weight: bold;" para el texto en negrita.