/ / Ukrasni elementi podcrtavaju CSS

Ukrasni elementi podcrtavaju CSS

Tehnologija stilskih ploča obavlja dvije funkcijepri registraciji HTML stranica. Prvo, sa svojom pomoći, formira se položaj pojedinih elemenata stranice. Drugo, čini blokove vizualno atraktivnim za korisnika. Druga se funkcija provodi na različite načine. Jedan od njih ističe. CSS osigurava ovaj atribut teksta-dekoracija,

Specifikacija zapisa atributa

Iskoristite prednost hotela teksta-dekoracija jednostavan. Dovoljno je napisati sljedeću retku elementa u kodu stilske datoteke:

teksta-ukras: attribute_value;

Umjesto "znachenie_atributa"CSS specifikacija nudi niz mogućnosti:

  • naglasiti - linija se nalazi pod tekstom strogo;
  • linija zaglavlja - linija prolazi s vrha teksta;
  • nijedan - uklanjanje svih dekorativnih efekata;
  • nasljediti - usvaja vrijednost roditeljskog elementa.

podvlačenje css

Gore nisu svi mogući oblici zapisa, budući da ovaj atribut navodi ne samo CSS podcrtavanje, već i druge učinke, na primjer, "treperenje" teksta ili njegovo isprepletanje.

Primjeri dizajna hiperveze

Početnici u web dizajniranju i programiranjupostavlja se pitanje: zašto napraviti dnu crte teksta? U zoru ere ere tehnologije, ovaj način označavanja korisnicima upućuje na to da se ispred nje nalazi hipervezu - tekst koji će se kliknuti na novu stranicu.

Prema zadanim postavkama hiperveze imaju skup entiteta naglasiti, U praksi se pojavljuje problem uklanjanja retka od neaktivnih elemenata i učiniti je vidljivom kada korisnik zadrži pokazivač miša. Evo primjera koda koji onemogućuje podcrtavanje CSS-a:

{text-decoration: none;}

Sljedeći se unos koristi za aktivne veze:

a: držite pokazivač miša {text-decoration: underline;}

Dekorativno podcrtano za napredne

Standardni atribut teksta-dekoracija ima nekoliko ograničenja:

  • Boja linije se ne razlikuje od boje teksta veze, nemoguće je razlikovati njihovu "boju";
  • Kao podvlačnost koristi se samo čvrsta linija. CSS ne podrazumijeva korištenje drugih stilova natpisa.

naglašavaju css veze

Ali posebne tehnike pomažu u zaobilaženju klasičnog dizajna teksta. U prvom slučaju dodatni <pedalj>.

Na primjer:

<a href="#" style="text-decoration: underline; boja: crvena">

<span style = "color: blue"> hiperveze</ span>

</a>. </p>

Kao rezultat, na stranici će se riječ hiperveza napisati plavim bojama, a crta linije će biti crvena.

Još jedna napredna metoda koja vam omogućuje implementaciju CSS podcrtavanja, - border-bottom, Primjer u nastavku objašnjava njegovu upotrebu:

a {border-bottom: 1px solid crvena;}

Rezultat će biti isti kao u gornjem primjeru. Ali ova metoda ima važnu prednost. Osim promjene boje linije (sada postavljena na crveno - crvena), moguće je transformirati način izrade:

  • točkast - Označava li točka?
  • isprekidane - linija se sastoji od udaraca;
  • dvostruki Izvuče dvostruku liniju.

Dakle, atribut graniËnihdno više funkcionalan. Osim prikazivanja ukrasne linije ispod teksta, to vam omogućuje da prilagodite njegov izgled.

Pročitajte više: