Cum Se Schimbă Culoarea Linkurilor De Pe Site

Cuprins:

Cum Se Schimbă Culoarea Linkurilor De Pe Site
Cum Se Schimbă Culoarea Linkurilor De Pe Site

Video: Cum Se Schimbă Culoarea Linkurilor De Pe Site

Video: Cum Se Schimbă Culoarea Linkurilor De Pe Site
Video: HTML Tutorial 8 - Changing Hyperlink Color 2024, Mai
Anonim

În procesul de lucru pe site, atât webmasterii profesioniști, cât și oamenii care sunt angajați în actualizarea site-ului, dar nu sunt profesioniști, fac diverse modificări în stilul resursei web. De exemplu, este posibil să trebuiască să schimbați culoarea linkurilor de pe site din anumite motive.

Cum se schimbă culoarea linkurilor de pe site
Cum se schimbă culoarea linkurilor de pe site

În acest caz, trebuie să știți că culoarea legăturilor este schimbată folosind CSS (Cascading Style Sheets) - foi de stil în cascadă. Acestea sunt tabele utilizate împreună cu un limbaj de programare pentru a crea o resursă web. CSS este responsabil pentru structura site-ului, adică pentru stilul, aspectul și html - pentru conținutul resursei. CSS este o continuare a evoluției HTML.

Culoare link pe site

Deci, puteți schimba culoarea linkurilor atât pentru site-ul în ansamblu, cât și pentru fiecare link separat. Culorile linkurilor sunt setate ca atribut al etichetei principale. Un atribut este ceva ce nu trebuie să scrieți în cod, deoarece unele dintre ele sunt deja setate în mod implicit. Atributul link determină culoarea linkurilor de pe pagina site-ului. Implicit este albastru. Alink este un atribut care determină culoarea legăturilor active, în mod implicit este roșu. Vlink - linkuri vizitate, culoarea lor general acceptată este violet.

Cel mai adesea, culoarea legăturilor de pe paginile web este setată în notație hexazecimală (#EEEEEE - gri) sau în format rgb (# 808080 - gri), dar puteți utiliza și notația tradițională color engleză (gri - gri). În plus, culoarea poate fi setată în grade, formatul HSL este potrivit pentru aceasta. Diagramele de culori sunt ușor de găsit pe Internet.

Schimbați culoarea linkurilor

Pentru a schimba culoarea tuturor linkurilor de pe pagină, este suficient să schimbați culoarea atributului de culoare în stiluri. Pentru a face acest lucru, găsiți fișierul style.css, deschideți-l și găsiți atributul a. De exemplu, A {culoare: verde; / * Culoare link * /}, unde A este o legătură, a cărei culoare o schimbăm în verde. Puteți schimba valoarea culorii după cum doriți folosind oricare dintre sistemele de notare a culorilor. Browserul vă va „înțelege”. Stilul se va aplica tuturor linkurilor de pe pagina web. Puteți schimba culorile altor atribute în același mod, de exemplu, culoarea unui link atunci când treceți cu mouse-ul peste el.

Pentru a crea legături în diferite culori pe o pagină web, utilizați următoarea intrare în foaia de stil:

.menu a {color: gray; }

.content a {color: green; }

Din exemplu rezultă că linkurile pentru meniu vor fi gri, iar linkurile din blocul de conținut vor fi verzi.

Aceiași pași se pot face cu link-uri dacă stilurile nu sunt într-un fișier separat, ci în documentul html în sine. Acestea sunt selectoare contextuale.

Dacă doriți să editați rapid stilurile și să schimbați culorile linkurilor, atunci este mai bine să utilizați editorul vizual Dreamwever. Principalul lucru de reținut este că linkurile ar trebui să arate organic în raport cu întreaga pagină web. Pentru fundaluri deschise, legăturile întunecate sunt mai bune și invers.

Recomandat: