Cum Se Schimbă Culoarea Linkului în Html

Cuprins:

Cum Se Schimbă Culoarea Linkului în Html
Cum Se Schimbă Culoarea Linkului în Html

Video: Cum Se Schimbă Culoarea Linkului în Html

Video: Cum Se Schimbă Culoarea Linkului în Html
Video: How To Use Anchor Tag In HTML | Anchor Tag In HTML 2024, Mai
Anonim

Culoarea legăturilor HTML este setată folosind directivele de etichetă corespunzătoare. De asemenea, puteți utiliza codul CSS pentru a modifica parametrii etichetei, ceea ce vă permite să personalizați mai precis culorile și aspectul paginii.

Cum se schimbă culoarea linkului în html
Cum se schimbă culoarea linkului în html

HTML

Deschideți fișierul HTML cu orice editor de text. Pentru a face acest lucru, faceți clic dreapta pe fișier și selectați „Deschideți cu”, apoi selectați programul de utilizat.

Accesați eticheta de pagină și setați atribute suplimentare de link, vlink și alink. Parametrul link definește culoarea unui link obișnuit de pe pagină și este albastru în mod implicit. Adăugarea atributului alink va schimba culoarea atunci când faceți clic stânga (roșu în mod implicit). Vlink indică culoarea linkurilor care au fost deja vizitate. Puteți seta parametrii după cum urmează:

În acest exemplu, culoarea textului etichetat a fost schimbată în negru. Când faceți clic cu mouse-ul, fragmentul va fi evidențiat în verde. Când revizitați pagina, veți vedea că link-ul este maro.

În loc să specificați numele în engleză, puteți utiliza și valori hexagonale HTML pentru a seta nuanța dorită:

CSS

Atributele CSS pot fi folosite pentru a seta culoarea pe pagină. De exemplu:

Legătură

Legătura 2

Culoarea textului este setată prin specificarea parametrului de culoare CSS în atributul de stil, care poate fi specificat fie în format hexazecimal, fie în cuvânt.

Pentru a seta culoarea pentru toate linkurile de pe pagină folosind CSS, accesați secțiunea. Specificați o etichetă pentru a declara utilizarea foii de stil în document, apoi setați parametrii vizitați, activi și de deplasare pentru etichetă. De exemplu, o bucată de cod ar putea arăta astfel:

Titlul paginii

a {culoare: verde; }

a: vizitat {culoare: gri; }

a: activ {culoare: galben; }

a: hover {culoare: portocaliu; }

& lt / head>

Atributul simplu a indică culoarea unui link normal plasat pe pagină. A: vizitat definește stilul pentru un link vizitat anterior, a: activ va fi evidențiat la clic. Hover setează opțiunile de culoare pentru a trece peste text.

Salvați modificările făcute în fișier și verificați rezultatul codului pe care l-ați specificat în fereastra browserului. Dacă toți parametrii au fost specificați corect, veți vedea modificări în afișarea hyperlinkurilor. Pentru a deschide un document HTML într-un browser, faceți dublu clic pe acesta cu butonul stâng al mouse-ului sau faceți clic dreapta și selectați elementul corespunzător din meniul derulant „Deschideți cu”.

Recomandat: