Компјутери, Програмирање
Декоративни црта CSS-елементи
Технологија за дизајн има две функции во дизајнот на HTML-страници. Прво, со негова помош, постои позиција формирање на одделните елементи на сајтот. Второ, тоа го прави на единици визуелно привлечен на корисникот. Спроведувањето на втората функција се јавува во многу начини. Еден од нив - подвлечено. CSS предвидува овој атрибут текст-декорација.
рекорд Спецификација атрибут
Користете текст-декорација имот е едноставна. Доста е да се регистрирате во кодот на CSS датотека, следниве линија за точка:
текст-декорација: znachenie_atributa;
Наместо "znachenie_atributa» CSS спецификација нуди голем број на опции:
- нагласам - линија се наоѓа директно под текстот;
- overline - линија се протега од врвот на текстот;
- никој - отстранување на сите декоративни ефекти;
- наследат - донесува вредноста на елементот родител.
Погоре не се сите можни форми на снимање, како овој атрибут го одредува не само CSS црта, но и други ефекти, како што се "трепкање" или Прецртување текст.
Примери за дизајн хиперлинкови
Почетници во веб дизајн и програмирање, се поставува прашањето: зошто во крајна линија во текстот? На почетокот на ерата на интернет технологијата овој метод на распределба на корисникот на фактот дека пред него е хиперврска - текст, со кликнување на кои ќе се врши процесот на транзиција кон нова страница.
Стандардно, Hyperlink имотот во собата нагласам. Во пракса, има проблем да се отстрани линија од неактивни уреди и да ја направат видлива како корисник се движи стрелката од глувчето. Еве еден пример на кодот кој го оневозможува црта CSS линкови:
на {text-decoration: none; }
За активни линкови со користење на следниве услови за влез:
A: hover {текст-декорација: истакнам;}
Декоративни црта за напредни
Стандардна атрибут текст-декорација има неколку ограничувања:
- линија со различна боја од бојата на текстот на врската, тоа е невозможно да се направи разлика помеѓу нивните "боја";
- Само на полна линија се користи како знак. CSS не се однесуваат на употребата на други стилови на трговската марка.
Но, специјални техники помогне да се избегне класичен изглед на текстот. Во првиот случај, да се постави линк со користење на опционален таг .
На пример:
"> хиперврска
. >
Како резултат на тоа, зборот на страницата Линкот ќе бидат напишани во сина боја и бојата на линијата ќе биде црвено.
Друг напреден метод кој им овозможува за CSS црта, - граница-дното. Примерот подолу го илустрира неговата употреба:
на {граница-дното: 1px солидна црвено;}
Резултатот ќе биде иста како и во претходниот пример. Но, овој метод има предност. Во прилог на менување на бојата на линијата (моментално поставено црвено - црвено), можно е да се трансформира начинот натпис:
- испрекинатата - прави точка подвлекува;
- испрекинатата - линија се состои од удари;
- двојно - привлекува двојна линија.
Значи, атрибут гранични дното е повеќе функционална. Во прилог на прикажување на декоративни линија под текстот, тоа го прави возможно да се прилагодите својот изглед.
Similar articles
Trending Now