Pragtige underscore CSS-elemente

Tegnologie style het twee funksies in die ontwerp van HTML-bladsye. In die eerste plek met sy hulp, daar is 'n vorming posisie van die individuele elemente van die site. In die tweede plek, dit maak die eenhede visueel aantreklik aan die gebruiker. Implementering van die tweede funksie kom in baie maniere. Een van hulle - onderstreep. CSS maak voorsiening vir versiering hierdie kenmerk hand-.

Spesifikasie kenmerk rekord

Gebruik hand- versiering eiendom is eenvoudig. Genoeg om te registreer in die CSS-lêer kode, die volgende reël vir die item:

hand- versiering: znachenie_atributa;

In plaas van "znachenie_atributa» CSS spesifikasie bied 'n aantal opsies:

• onderstreep - lyn geleë direk onder die teks;
• Overline - lyn loop vanaf die top van die teks;
• niemand - die verwydering van alle dekoratiewe effekte;
• erf - neem die waarde van die ouer element.

Bogenoemde is nie alle moontlike vorme van opname, as hierdie kenmerk bepaal nie net die CSS onderstreep, maar ander effekte, soos "knip" of deurstreep teks.

Voorbeelde van ontwerp hiperskakels

Beginners in web design en ontwikkeling, die vraag ontstaan: waarom die bottom line in die teks te doen? Aan die begin van die era van die internet tegnologie hierdie metode van toedeling van die gebruiker om die feit dat in die voorkant van hom is 'n hyperlink - teks, deur te kliek op wat sal die oorgang na 'n nuwe bladsy gedoen word.

By verstek, Hyperlink eiendom ingestel onderstreep. In die praktyk is daar 'n probleem om die lyn van onaktiewe toestelle te verwyder en maak dit sigbaar as die gebruiker die muis beweeg. Hier is 'n voorbeeld van die kode wat die underscore CSS links afgeskakel:

'n {text-decoration: none; }

Vir aktiewe skakels met behulp van die volgende inskrywing:

'n: hover {text-decoration: onderstreep;}

Pragtige onderstreping vir gevorderde

Standard kenmerk hand- versiering het verskeie beperkings:

• lyn ander kleur as die kleur van die skakel teks, is dit onmoontlik om te onderskei tussen hul "kleur";
• Slegs die soliede lyn word gebruik as die onderstreping. CSS nie die gebruik van ander style van die merk te betrek.

Maar spesiale tegnieke help omseil die klassieke voorkoms van die teks. In die eerste geval, om 'n hyperlink te stel met behulp van die opsionele tag .

Byvoorbeeld: