Ndryshimi i parametrave të shfaqjes së lidhjeve në html mund të bëhet duke përdorur fletët e stilit css të kaskadës. Ato ju lejojnë të personalizoni shfaqjen e fontit të lidhjes, ngjyrën e saj para se përdoruesi të klikojë në të dhe pasi të klikojë me miun. Ju gjithashtu mund të ndryshoni llojin e shkronjës së përdorur dhe madhësinë e tij.
Udhëzimet
Hapi 1
Klasat dhe pseudo-klasat përdoren për të vendosur parametrat e lidhjeve në css. Lidhja pseudo-klasë a: vendos stilin për një lidhje të rregullt, a: vizituar ju lejon të personalizoni shfaqjen e një lidhjeje të përdorur tashmë. A: aktive trajton parametrat e etiketës kur kursori klikohet në element, dhe a: hover vendos stilin e lidhjes kur rri pezull mbi të. Ju gjithashtu mund të krijoni vetë çdo klasë për elementin, dhe në parametra përdorni operatorë standardë për të formatuar tekstin.
Hapi 2
Për të çaktivizuar shfaqjen e nënvizimit të tekstit të lidhjes në shfletues, përdorni parametrin dekorimi i tekstit: asnjë. Ju mund ta specifikoni këtë atribut si në një klasë ashtu edhe në një pseudo-klasë për një element. Për të ndryshuar ngjyrën e lidhjes, përdorni parametrin e ngjyrës, për madhësinë - atributin standard të madhësisë së shkronjave. Nëse dëshironi të përfshini një tip të theksuar ose të pjerrët, përdorni parametrin e peshës së shkronjave.
Hapi 3
Hapni skedarin tuaj HTML me cilindo redaktues teksti përdorni për të redaktuar kodin e faqes. Pas kësaj, shkoni në një pjesë të dokumentit tuaj dhe vendosni kodin css për lidhjet e ardhshme në faqe duke përdorur një dorezë. Për shembull:
Ndryshimi i lidhjeve
a: link {teksti-dekorimi: asnjë;
madhësia e shkronjave: 14px;
pesha e shkronjave: e theksuar;
ngjyra: e kuqe; }
Hapi 4
Ky kod heq nënvizimin nga një lidhje e rregullt, vendos madhësinë e tekstit në 14 piksel, zbaton një stil të guximshëm dhe ngjyrën e kuqe të elementit. Tani çdo lidhje në etiketë do të shfaqet kështu.
Hapi 5
Ju mund të stilizoni për secilën lidhje specifike duke përdorur klasat css. Kështu, nëse kodi në etiketë duket si:
a.link1 {font-size: 20px; ngjyra: e zezë;}
Hapi 6
Mund të vendosni madhësinë e lidhjes në 20 pixel dhe të zezë duke përdorur klasën në trupin e dokumentit si më poshtë:
Lidhje
Nga shembulli mund të shihni që lidhjes iu caktua klasa e krijuar kodi css hap prapa duke specifikuar atributin e klasës të lidhjes. Kjo lidhje tani do të shfaqet në të zezë dhe ka një madhësi prej 20 pikselësh. Për të ndryshuar këtë atribut, ndryshoni kodin CSS të seksionit të faqes.
Hapi 7
Ndryshimi i pamjes së lidhjes është i plotë, ju mund të ruani ndryshimet e bëra në skedar dhe ta ekzekutoni për shikim në një shfletues.
