Com Canviar El Color Dels Enllaços Al Lloc

Taula de continguts:

Com Canviar El Color Dels Enllaços Al Lloc
Com Canviar El Color Dels Enllaços Al Lloc
Anonim

En el procés de treballar al lloc, tant els administradors web professionals com les persones que es dediquen a l’actualització del lloc, però que no són professionals, fan diversos canvis a l’estil del recurs web. Per exemple, és possible que hàgiu de canviar el color dels enllaços del lloc per algun motiu.

Com canviar el color dels enllaços al lloc
Com canviar el color dels enllaços al lloc

En aquest cas, heu de saber que el color dels enllaços es canvia mitjançant CSS (Cascading Style Sheets) - fulls d'estil en cascada. Són taules que s’utilitzen juntament amb un llenguatge de programació per crear un recurs web. CSS és responsable de l'estructura del lloc, és a dir, del seu estil, aparença i html, del contingut del recurs. CSS és una continuació de l'evolució de l'HTML.

Color de l'enllaç al lloc

Per tant, podeu canviar el color dels enllaços tant per al conjunt del lloc com per cada enllaç per separat. Els colors de l'enllaç es defineixen com a atribut de l'etiqueta principal. Un atribut és quelcom que no cal escriure al codi, ja que alguns d’ells ja estan configurats per defecte. L'atribut d'enllaç determina el color dels enllaços a la pàgina del lloc. El valor predeterminat és el blau. Alink és un atribut que determina el color dels enllaços actius, per defecte és vermell. Vlink: enllaços visitats, el seu color generalment acceptat és el morat.

Molt sovint, el color dels enllaços a les pàgines web s’estableix en notació hexadecimal (#EEEEEE - gris) o en format rgb (# 808080 - gris), però també podeu utilitzar la notació tradicional en color anglès (gris - gris). A més, el color es pot configurar en graus, el format HSL és adequat per a això. Els gràfics de colors són fàcils de trobar a Internet.

Canvieu el color dels enllaços

Per canviar el color de tots els enllaços de la pàgina, n'hi ha prou amb canviar el color de l'atribut de color en els estils. Per fer-ho, cerqueu el fitxer style.css, obriu-lo i cerqueu l'atribut a. Per exemple, A {color: green; / * Color de l'enllaç * /}, on A és un enllaç, el color del qual passem a verd. Podeu canviar el valor del color com vulgueu mitjançant qualsevol dels sistemes de notació de color. El navegador us "entendrà". L'estil s'aplicarà a tots els enllaços de la pàgina web. Podeu canviar els colors d'altres atributs de la mateixa manera, per exemple, el color d'un enllaç quan passeu el cursor per sobre d'ell amb el cursor del ratolí.

Per crear enllaços de diferents colors en una pàgina web, utilitzeu l'entrada següent al full d'estils:

.menu a {color: gray; }

.content a {color: green; }

De l'exemple es desprèn que els enllaços del menú seran grisos i els enllaços del bloc de contingut seran verds.

Es poden fer els mateixos passos amb els enllaços si els estils no es troben en un fitxer separat, sinó en el propi document html. Es tracta de selectors contextuals.

Si voleu editar ràpidament estils i canviar els colors dels enllaços, és millor utilitzar l'editor visual Dreamwever. El més important a recordar és que els enllaços haurien de tenir un aspecte orgànic en relació amb tota la pàgina web. Per als fons clars, els enllaços foscos són millors i viceversa.

Recomanat: