Com Es Canvia El Color De L'enllaç En Html

Taula de continguts:

Com Es Canvia El Color De L'enllaç En Html
Com Es Canvia El Color De L'enllaç En Html

Vídeo: Com Es Canvia El Color De L'enllaç En Html

Vídeo: Com Es Canvia El Color De L'enllaç En Html
Vídeo: Cómo poner colores en una página web HTML (atributo style) 2024, Maig
Anonim

El color dels enllaços HTML s’estableix mitjançant les directrius d’etiquetes adequades. També podeu utilitzar el codi CSS per canviar els paràmetres de l’etiqueta, cosa que us permet personalitzar amb més precisió els colors i el disseny de la pàgina.

Com es canvia el color de l'enllaç en html
Com es canvia el color de l'enllaç en html

Html

Obriu el fitxer HTML amb qualsevol editor de text. Per fer-ho, feu clic amb el botó dret al fitxer i seleccioneu "Obre amb" i, a continuació, seleccioneu el programa que voleu utilitzar.

Aneu a l’etiqueta de pàgina i configureu atributs d’enllaç, vlink i alink addicionals. El paràmetre enllaç defineix el color d’un enllaç normal de la pàgina i és blau per defecte. Si afegiu l’atribut alink, el color canviarà quan feu clic amb el botó esquerre (vermell per defecte). Vlink indica el color dels enllaços que ja s'han visitat. Podeu establir els paràmetres de la següent manera:

En aquest exemple, el color del text etiquetat s'ha canviat a negre. Quan es fa clic amb el ratolí, el fragment es ressaltarà en verd. Quan torneu a visitar la pàgina, veureu que l'enllaç és marró.

En lloc d’especificar noms en anglès, també podeu utilitzar valors hexadecimals HTML per establir l’ombra desitjada:

CSS

Els atributs CSS es poden utilitzar per establir el color a la pàgina. Per exemple:

Enllaç

Enllaç 2

El color del text s’estableix especificant el paràmetre de color CSS a l’atribut style, que es pot especificar en format hexadecimal o de paraula.

Per definir el color de tots els enllaços de la pàgina mitjançant CSS, aneu a la secció. Especifiqueu una etiqueta per declarar l’ús del full d’estils al document i, a continuació, configureu els paràmetres visitats, actius i situats al cursor per a l’etiqueta. Per exemple, un tros de codi pot tenir aquest aspecte:

Títol de la pàgina

a {color: green; }

a: visitat {color: gris; }

a: actiu {color: groc; }

a: passeu per sobre {color: taronja; }

& lt / head>

El simple atribut a indica el color d’un enllaç normal situat a la pàgina. A: Visit defineix l'estil d'un enllaç visitat prèviament; a: active es ressaltarà en fer clic. Hover defineix les opcions de color per passar el cursor sobre el text.

Deseu els canvis fets al fitxer i comproveu el resultat del codi que heu especificat a la finestra del navegador. Si tots els paràmetres s’han especificat correctament, veureu canvis a la visualització dels hiperenllaços. Per obrir un document HTML en un navegador, feu-hi doble clic amb el botó esquerre del ratolí o feu clic amb el botó dret i seleccioneu l'element adequat al menú desplegable "Obre amb".

Recomanat: