Linkovi su sastavni dio svake web stranice. Mogu biti i tekstualni iu obliku gumba. Ovaj će članak obuhvaćati samo tekstualne veze.
Nije tajna da u HTML-u svi elementi ne izgledaju vrlo uredno, a dizajn, iskreno, loš.
Najvažniji dio "veze", koja ometa stvaranje veza, je naglašena. Sada ćemo razumjeti kako ukloniti podcrtavanje linkova u CSS-u.
Da biste demonstrirali rad ove metode, morate stvoriti vezu. To će pomoći standardnom HTML-u 5.
Da biste stvorili vezu, morate koristiti oznaku para "a", koja nije blok. Stoga, kako bi se linkovi smjestili na zasebne retke, potrebno ih je staviti u oznake oznaka (p). Alternativno, možete koristiti svojstvo display: block za svaku vezu.
Počnite stvarati veze. U HTML dokument unosimo nekoliko oznaka. Između početnih i završnih oznaka upisujemo ime za naš link, koji će biti prikazan na našoj stranici.
Osim toga, oznaka "a" ima niz atributa. Atribut href je obavezan, bez kojeg se neće slijediti veza. Označava put do stranice ili datoteke na koju će voditi naša veza.
U prikazanom primjeru neće se koristiti druge veze, stoga možete odrediti standardnu vrijednost #.
Veza je stvorena, sada mora biti stilizirana. Postoji nekoliko načina za uklanjanje podcrtanih veza u CSS-u:
Da biste poništili podcrtavanje veze u CSS-u, možete koristiti bilo koju od ovih metoda, ali povezivanje vanjskih stilova smatra se najprikladnijim.
Savjet: prilikom oblikovanja web-stranice dajte prednost vanjskim vezama.
U prikazanom primjeru koristit će se vanjsko povezivanje. Otvorite CSS datoteku u kojoj ćemo promijeniti dizajn veza.
Osim linkova na ovoj stranici nema ništa. Stoga ćemo kao selektor koristiti oznaku "a". Ako želite, možete dodati klase za svaku vezu, ali to nije obavezno.
Napišite "a" selektor, u kojem će biti napisano svojstvo dekoracije teksta: none;
Jedno jednostavno svojstvo uređivanja teksta koristi se za uklanjanje podcrtavanja korištenjem CSS-a.
Tekst-dekoracija sadrži niz drugih vrijednosti. Uz to možete napraviti gornju donju crtu, ali se rijetko koristi.
Da biste uklonili podcrtavanje veze, u CSS dokumentu unesite sljedeći kôd:
Da biste pojednostavili kod, možete koristiti jednostavan stil atributa. U primjeru, cijela stranica nije predstavljena u punopravnom dizajnu, tako da možete koristiti ovu metodu.
Glavna stvar je ne bojati cijelu HTML stranicu na takav način. U ovom kodu možete se vrlo lako zbuniti.
Pretpostavimo da želite da veze ostave u normalnom stanju donje crte i da nestanu kada lebdite. Da biste uklonili ili postavili podcrtavanje za vezu prilikom lebdenja, CSS koristi pseudo-klasu ": hover". Evo primjera:
Stilovi se mogu primijeniti ne samo na induciranu vezu, već i na aktivirani ili posjećeni. Da biste to učinili, koristite pseudo-klase ": active" i ": visited".