Proiectarea legăturilor în CSS. Noțiuni de bază despre CSS pentru începători. Lecția # 11
Folosind CSS, poți trage nu numai culoarea linkului, ci elimina linia de subliniere sau, în loc să subliniezi, adaugă o linie întreruptă și poți face și un link animat.
Culoarea linkului din CSS
Imobiliar "COLOR"
Pentru a înlocui culoarea linkului, utilizați proprietatea "color" pentru selectorul "a".
Legături pseudo-clase
Vreau să vă prezint pseudo-clase pentru legături.
Pseudo-clasele sunt clase care definesc starea dinamică a elementelor și sunt modificate de acțiunile utilizatorului.
Proprietăți (nume pseudo-clase):
Acum un exemplu.
Propun, de exemplu, să arăt legături standard. care au fost adăugate prin HTML fără CSS.
Acum schimbăm designul de link-uri prin CSS.
Adăugați acest link la codul HTML:
Acum este codul din CSS:
Proprietatea "TEXT-DECORATION"
Pentru a elimina sublinierea link-ului, utilizați proprietatea "decorare text" cu valoarea "none".
Acum o voi face astfel încât, atunci când veți trece peste link, subliniază dispare.
Dimensiunea linkului
De asemenea, puteți adăuga o creștere ușoară (animație) la link:
Punctul subliniat pentru link
BORDER-BOTTOM proprietate
Pentru a face linkul o subliniere punctată atunci când plasați cursorul, trebuie mai întâi să eliminați underscore și, în loc să subliniați, scrieți regula "border-bottom":
Asta e tot!
Vă aștept în următoarele lecții!