Dekorativni donje CSS-elemenata

Tehnologija stil ima dvije funkcije u dizajnu HTML stranicama. Prvo, uz njenu pomoć, tu je formiranje položaj pojedinačnih elemenata stranice. Drugo, čini jedinice vizualno privlačan za korisnika. Implementaciju druge funkcije javlja na mnogo načina. Jedan od njih - naglašavaju. CSS predviđa ovaj atribut tekst- ukras.

Specifikacija atribut rekord

Koristiti tekst- imovine ukras je jednostavan. Dovoljno da se registruju u kodu CSS datoteke, sljedeće linije za tu stavku:

tekst- ukras: znachenie_atributa;

Umjesto "znachenie_atributa» CSS specifikacija nudi brojne opcije:

• podvući - linija nalazi neposredno ispod teksta;
• Overline - linija ide od vrha teksta;
• none - uklanjanje svih dekorativnih efekata;
• naslijediti - usvaja vrijednosti elementa roditelja.

Gore nisu svi mogući oblici snimanje, jer ovaj atribut specificira ne samo CSS donje, ali i druge efekte, kao što su "tren" ili precrtanim teksta.

Primjeri dizajna hyperlinkova

Početnike u web dizajn i programiranje, postavlja se pitanje: zašto donja granica u tekstu? U osvit ere internet tehnologije ove metode raspodjele korisnika na činjenicu da je ispred njega je hiperveza - tekst, klikom na kojima će se vršiti prelazak na novu stranicu.

Po defaultu, Hyperlink svojstvo postavljeno podvučeno. U praksi, postoji problem ukloniti liniju od neaktivnih uređaja i učiniti je vidljivom kao korisnik pomiče pokazivač miša. Ovdje je primjer koda koji onemogućava podvlaku CSS linkovi:

a {text-decoration: none; }

Za aktivne veze koristeći sljedeći unos:

a: hover {text-decoration: podvući;}

Dekorativni crtom za napredne

Standard atribut tekst- ukras ima nekoliko ograničenja:

• linija boja razlikuje od boje linka teksta, to je nemoguće napraviti razliku između njihovih "bojanje";
• Samo puna linija se koristi kao crtom. CSS ne uključuje upotrebu drugih stilova znaka.

Ali posebne tehnike pomoći obilaznice klasičan izgled teksta. U prvom slučaju, postaviti hipervezu pomoću opcionalnog tag .

Na primjer: