Canviar els paràmetres de visualització dels enllaços en html es pot fer mitjançant fulls d'estil CSS en cascada. Permeten personalitzar la visualització del tipus de lletra d'enllaç, el seu color abans que l'usuari hi faci clic i després del clic del ratolí. També podeu canviar la tipografia de la font utilitzada i la seva mida.
Instruccions
Pas 1
Les classes i pseudo-classes s’utilitzen per establir paràmetres d’enllaç a css. La pseudo-classe a: link estableix l’estil d’un enllaç normal, a: Visit us permet personalitzar la visualització d’un enllaç ja utilitzat. A: active gestiona els paràmetres de l'etiqueta quan es fa clic al cursor sobre l'element, i a: hover defineix l'estil de l'enllaç quan es passa el cursor per sobre. També podeu crear qualsevol classe per a l'element vosaltres mateixos i, en els paràmetres, utilitzeu operadors estàndard per formatar el text.
Pas 2
Per desactivar la visualització del subratllat del text de l'enllaç al navegador, utilitzeu el paràmetre text-decoration: none. Podeu especificar aquest atribut tant en una classe com en una pseudo-classe per a un element. Per canviar el color de l'enllaç, utilitzeu el paràmetre color per a la mida: l'atribut estàndard de mida de font. Si voleu incloure negreta o cursiva, utilitzeu el paràmetre font-weight.
Pas 3
Obriu el fitxer html amb l'editor de text que feu servir per editar el codi de la pàgina. Després, aneu a una secció del document i configureu el codi CSS per a futurs enllaços de la pàgina mitjançant un identificador. Per exemple:
Canvi d’enllaços
a: link {text-decoration: none;
mida de la lletra: 14 px;
font-pes: negreta;
color: vermell; }
Pas 4
Aquest codi elimina el subratllat d'un enllaç normal, estableix la mida del text a 14 píxels, aplica un estil en negreta i un color vermell de l'element. Ara qualsevol enllaç de l'etiqueta es mostrarà així.
Pas 5
Podeu dissenyar estil per a cada enllaç específic mitjançant classes CSS. Per tant, si el codi de l'etiqueta té l'aspecte següent:
a.link1 {font-size: 20px; color: negre;}
Pas 6
Podeu establir la mida de l'enllaç a 20 píxels i negre mitjançant la classe del cos del document de la següent manera:
Enllaç
A l'exemple, podeu veure que a l'enllaç se li va assignar la classe de codi CSS del pas enrere creat especificant l'atribut de classe de l'enllaç. Aquest enllaç es mostrarà en negre i tindrà una mida de 20 píxels. Per canviar aquest atribut, editeu el codi CSS de la secció de pàgina.
Pas 7
Si canvieu l’aspecte de l’enllaç, podeu desar els canvis fets al fitxer i executar-lo per visualitzar-los en un navegador.
