Se pueden cambiar los parámetros de visualización de los enlaces en html utilizando hojas de estilo CSS en cascada. Le permiten personalizar la visualización de la fuente del enlace, su color antes de que el usuario haga clic en él y después del clic del mouse. También puede cambiar el tipo de letra de la fuente utilizada y su tamaño.
Instrucciones
Paso 1
Las clases y pseudoclases se utilizan para establecer parámetros de enlace en css. La pseudoclase a: link establece el estilo de un enlace regular, a: visitado le permite personalizar la visualización de un enlace ya utilizado. A: active maneja los parámetros de la etiqueta cuando se hace clic con el cursor en el elemento, y a: hover establece el estilo del enlace cuando se desplaza sobre él. También puede crear cualquier clase para el elemento usted mismo, y en los parámetros use operadores estándar para formatear el texto.
Paso 2
Para deshabilitar la visualización del subrayado del texto del enlace en el navegador, utilice el parámetro text-decoration: none. Puede especificar este atributo tanto en una clase como en una pseudoclase para un elemento. Para cambiar el color del enlace, utilice el parámetro de color, para el tamaño, el atributo de tamaño de fuente estándar. Si desea incluir negrita o cursiva, use el parámetro de peso de fuente.
Paso 3
Abra su archivo html con cualquier editor de texto que use para editar el código de la página. Después de eso, vaya a una sección de su documento y configure el código CSS para futuros enlaces en la página usando un identificador. Por ejemplo:
Cambio de enlaces
a: enlace {decoración de texto: ninguna;
tamaño de fuente: 14px;
font-weight: negrita;
color rojo; }
Paso 4
Este código elimina el subrayado de un enlace normal, establece el tamaño del texto en 14 píxeles, aplica un estilo en negrita y el color rojo del elemento. Ahora cualquier enlace en la etiqueta se mostrará así.
Paso 5
Puede diseñar para cada enlace específico usando clases css. Por lo tanto, si el código de la etiqueta se ve así:
a.link1 {tamaño de fuente: 20px; de color negro;}
Paso 6
Puede establecer el tamaño del enlace en 20 píxeles y negro utilizando la clase en el cuerpo del documento de la siguiente manera:
Enlace
En el ejemplo, puede ver que al enlace se le asignó la clase de código CSS de paso atrás creado al especificar el atributo de clase del enlace. Este enlace ahora se mostrará en negro y tendrá un tamaño de 20 píxeles. Para cambiar este atributo, edite el código CSS de la sección de la página.
Paso 7
Se completó el cambio de apariencia del enlace, puede guardar los cambios realizados en el archivo y ejecutarlo para verlo en un navegador.
