Modificarea parametrilor de afișare a linkurilor în html se poate face folosind foi de stil CSS în cascadă. Acestea vă permit să personalizați afișarea fontului linkului, culoarea acestuia înainte ca utilizatorul să facă clic pe acesta și după ce faceți clic pe mouse. De asemenea, puteți schimba tipul fontului utilizat și dimensiunea acestuia.
Instrucțiuni
Pasul 1
Clasele și pseudo-clasele sunt utilizate pentru a seta parametrii de legătură în css. Pseudo-clasa a: link setează stilul pentru un link obișnuit, a: vizitat vă permite să personalizați afișarea unui link deja utilizat. A: active gestionează parametrii etichetei când se face clic pe cursor pe element, iar a: hover setează stilul link-ului atunci când treceți deasupra acestuia. De asemenea, puteți crea orice clasă pentru elementul dvs. și în parametri utilizați operatori standard pentru a formata textul.
Pasul 2
Pentru a dezactiva afișarea sublinierii textului link-ului în browser, utilizați parametrul text-decoration: none. Puteți specifica acest atribut atât într-o clasă, cât și într-o pseudo-clasă pentru un element. Pentru a schimba culoarea linkului, utilizați parametrul de culoare, pentru dimensiune - atributul standard font-size. Dacă doriți să includeți tip bold sau italic, utilizați parametrul font-weight.
Pasul 3
Deschideți fișierul html cu orice editor de text pe care îl utilizați pentru a edita codul paginii. După aceea, accesați o secțiune din documentul dvs. și setați codul CSS pentru linkurile viitoare de pe pagină folosind un mâner. De exemplu:
Schimbarea linkurilor
a: link {text-decor: none;
dimensiunea fontului: 14px;
font-weight: bold;
culoarea rosie; }
Pasul 4
Acest cod elimină sublinierea dintr-un link obișnuit, setează dimensiunea textului la 14 pixeli, aplică un stil îndrăzneț și o culoare roșie a elementului. Acum orice link din etichetă va fi afișat astfel.
Pasul 5
Puteți stiliza pentru fiecare link specific folosind clase CSS. Astfel, dacă codul din etichetă arată:
a.link1 {font-size: 20px; culoarea neagra;}
Pasul 6
Puteți seta dimensiunea linkului la 20 de pixeli și negru utilizând clasa din corpul documentului după cum urmează:
Legătură
Din exemplu, puteți vedea că link-ul a fost atribuit clasei de cod CSS pas înapoi, specificând atributul de clasă al link-ului. Acest link va fi afișat acum în negru și are o dimensiune de 20 de pixeli. Pentru a schimba acest atribut, modificați codul CSS al secțiunii de pagină.
Pasul 7
Schimbarea aspectului linkului este completă, puteți salva modificările făcute în fișier și rulați-le pentru vizualizare într-un browser.
