Promjena parametara prikaza veza u html-u može se izvršiti pomoću kaskadnih css tabela stilova. Omogućuju vam prilagodbu prikaza fonta veze, njegove boje prije nego što korisnik klikne na njega i nakon klika miša. Takođe možete promijeniti vrstu slova korištenog fonta i njegovu veličinu.
Instrukcije
Korak 1
Klase i pseudo-klase koriste se za postavljanje parametara veze u css-u. Pseudo-klasa a: link postavlja stil uobičajene veze, a: posjećuje vam omogućava da prilagodite prikaz već korištene veze. A: active obrađuje parametre oznake kada se na element klikne kursor, a a: hover postavlja stil veze kada zadržite pokazivač iznad nje. Također možete sami stvoriti bilo koju klasu za element, a u parametrima koristite standardne operatore za formatiranje teksta.
Korak 2
Da biste onemogućili prikaz podvlačenja teksta veze u pregledniku, upotrijebite parametar text-decoration: none. Ovaj atribut možete navesti i u klasi i u pseudo-klasi za element. Da biste promijenili boju veze, koristite parametar boje, za veličinu - standardni atribut veličine fonta. Ako želite uključiti podebljani ili kurziv, koristite parametar težina fonta.
Korak 3
Otvorite svoju html datoteku bilo kojim uređivačem teksta koji koristite za uređivanje koda stranice. Nakon toga, idite na odjeljak vašeg dokumenta i postavite css kôd za buduće veze na stranici pomoću ručice. Na primjer:
Promjena veza
a: link {text-decoration: none;
veličina fonta: 14px;
težina fonta: podebljano;
boja: crvena; }
Korak 4
Ovaj kôd uklanja podcrtavanje s uobičajene veze, postavlja veličinu teksta na 14 piksela, primjenjuje podebljani stil i crvenu boju elementa. Sada će se svaka veza u oznaci prikazati ovako.
Korak 5
Možete oblikovati za svaku određenu vezu koristeći css klase. Dakle, ako kod u oznaci izgleda ovako:
a.link1 {font-size: 20px; boja: crna;}
Korak 6
Veličinu veze možete postaviti na 20 piksela i crnu koristeći klasu u tijelu dokumenta kako slijedi:
Veza
Iz primjera možete vidjeti da je vezi dodijeljena stvorena klasa css kod klase navodeći atribut klase veze. Ova će veza sada biti prikazana u crnoj boji i imati će veličinu od 20 piksela. Da biste promijenili ovaj atribut, uredite css kôd odjeljka stranice.
Korak 7
Promjena izgleda veze je dovršena, promjene u datoteci možete spremiti i pokrenuti za pregled u pregledniku.
