Tecnología

Inicio

¿Cómo deshacerse de los contornos de la caja de enlaces de texto con CSS

Cuando un enlace de texto se activa, el navegador muestra un contorno de puntos alrededor del elemento de forma predeterminada. Esta frontera proporciona apoyo a las personas con discapacidad visual o para aquellos que no tienen la opción de utilizar un ratón, pero si es absolutamente necesario, usted puede deshacerse de este esquema utilizando Cascading Style Sheets. CSS le permite crear una regla que se oculta automáticamente todos los contornos que rodean los enlaces de una página Web. Utilice el software editor de texto de su equipo para aplicar el CSS.

Instrucciones

1 Comience el software de edición de texto y abrir el documento de página Web que contiene los enlaces que desea modificar.

2 Coloque el cursor antes de que el elemento final </ head> y escriba el siguiente código CSS:
<Style type = "text / css">
un { }
</ Style>

La "a" regla de anclaje crea un estilo que afecta a todos los enlaces dentro de su documento.

3 Enter "delinear: none;" dentro de las llaves de la regla de anclaje. Este atributo indica a todos los navegadores para deshacerse de los contornos alrededor de los enlaces de texto. Su CSS completa ahora se ve así:
<Style type = "text / css">
{un esquema: ninguno; }
</ Style>

4 Guarde el archivo y una vista previa en el navegador Web para probar los enlaces de texto.

Consejos y advertencias

  • Si se quita el contorno enlace, considerar proporcionar otra solución para los enlaces activados para hacer que su sitio sea más accesible para las personas con discapacidad. alternativas comunes incluyen proporcionar un color de fondo contrastante o hacer el texto un tamaño de letra más grande.

Artículos relacionados