Kako odstraniti poudarjanje povezav? Lastnost dekoracije besedila CSS
Povezave so sestavni del vsake spletne strani. Lahko so besedilni in v obliki gumbov. Ta članek bo zajemal samo besedilne povezave.
Ni skrivnost, da v HTML-u vsi elementi ne izgledajo zelo gladko, in dizajn, odkrito povedano, je slab.
Najpomembnejši del "povezave", ki posega v ustvarjanje povezav, je podčrtaj. Zdaj bomo razumeli, kako odstraniti podčrtajoče povezave v CSS.
Ustvarjanje povezave
Če želite prikazati delovanje te metode, morate ustvariti povezavo. To bo pomagalo standardnemu HTML 5.
Če želite ustvariti povezavo, morate uporabiti oznako para "a", ki ni blok. Zato, da bi postavili povezave na ločene vrstice, jih je treba vključiti v oznake odstavka (p). Druga možnost je, da uporabite lastnost zaslona: blok za vsako povezavo.
Začnite ustvarjati povezave. V naš HTML dokument vnesemo več oznak. Med začetno in končno oznako napišemo ime naše povezave, ki bo prikazana na naši strani.
Poleg tega ima oznaka “a” številne atribute. Atribut href je obvezen, brez katerega ne bo sledila povezava. Označuje pot do strani ali datoteke, na katero bo vodila naša povezava.
V predstavljenem primeru se ne bodo uporabljale nobene druge povezave, zato lahko določite standardno vrednost #.
Povezava je ustvarjena, zdaj jo je treba stilizirati. Podčrtane povezave v CSS-u lahko odstranite na več načinov:
- Atribut sloga (ki se nahaja znotraj oznake).
- Oznaka sloga (v glavnem bloku).
- Slogi zunanjih povezav z oznako povezave.
Če želite razveljaviti podčrtovanje povezave v CSS-ju, lahko uporabite katero koli od teh metod, toda povezovanje zunanjih slogov se šteje za najbolj primerno.
Nasvet: pri oblikovanju spletne strani dajte prednost zunanjim povezavam.
Styling povezave v CSS
V prikazanem primeru bo uporabljeno zunanje povezovanje. Odprite datoteko CSS, v kateri bomo spremenili zasnovo povezav.
Poleg povezav na tej strani ni ničesar. Zato bomo oznako »a« uporabili kot izbirnik. Če želite, lahko dodate razrede za vsako povezavo, vendar je to neobvezno.
Napišite "a" izbirnik, v katerem bo zapisano lastnost dekoracije besedila: nobenega;
Eno preprosto lastnost dekoracije besedila se uporablja za odstranitev podčrtovanja z uporabo CSS.
Dekoracija besedila vsebuje številne druge vrednosti. Z njim lahko naredite zgornjo podčrtaj, vendar se le redko uporablja.
Če želite odstraniti podčrtovanje povezave, v dokumentu CSS vnesite naslednjo kodo:
Za poenostavitev kode lahko uporabite preprost slog atributa. V tem primeru celotna stran ni predstavljena v popolni obliki, zato lahko uporabite to metodo.
Glavna stvar je, da ne pobarvamo celotne strani HTML na takšen način. V tej kodi se lahko zelo zmedete.
Spreminjanje inducirane povezave v CSS
Recimo, da želite, da povezave ostanejo v običajnem stanju podčrtaja, in izginejo, ko se premikate. Če želite odstraniti ali nastaviti podčrtano za povezavo med lebdenjem, CSS uporablja psevdo-razred ": hover". Tukaj je primer:
Slogi lahko uporabite ne le za inducirano povezavo, ampak tudi za aktiviranje ali obisk. Če želite to narediti, uporabite psevdo-razrede ": active" in ": visited".