Отстрани ја линкот подвлекува или создава попарен или двојно подвлечен линк
Стандардно, веб прелистувачите имаат одредени CSS стилови за кои се однесуваат на специфични HTML елементи. Ако не ги презапишете овие стандардни вредности со сопствените стилски листови на вашиот сајт, ќе се применат стандардните вредности. За хиперлинкови, стандардниот стил на прикажување е дека секој поврзан текст ќе биде сино и подвлечен. Прелистувачот го прави ова, така што посетителите на сајтот можат лесно да видат кој е поврзан со текстот. Многу веб-дизајнери не се грижат за овие стандардни стилови, особено оние кои се истакнуваат. За среќа, CSS го олеснува менувањето на изгледот на оние кои ги нагласуваат или целосно ги отстрануваат.
Отстранување на подвлеченото на текстуални врски
Подвлечениот текст може да биде уште потешко да го прочита тој не-подвлечен текст. Покрај тоа, многу дизајнери едноставно не се грижат за изгледот на подвлечените текстуални врски. Во вакви случаи, најверојатно, ќе сакате да ги отстраните овие потполно поттикнати.
За да ги отстраните нагласените од текстуалните врски, ќе го користите текстот-декорација на сопственост на CSS. Еве го CSS што ќе го напишете за да го направите ова:
{текст-декорација: нема; }
Со таа линија на CSS, ќе го отстраните подвлеченото од сите текстуални врски. Иако ова е многу општ стил (тој користи елемент селектор), тој сè уште има повеќе специфичност од стандардните стилови на прелистувачи. Бидејќи тие стандардни стилови се она што создава нагласување за да започнете со тоа, тоа е она што треба да го пребришете.
Предупредување за отстранување на подвлече
Визуелно, отстранувањето на потцртвите може да биде токму она што сакате да го постигнете, но треба да бидете претпазливи кога го правите тоа исто така. Без разлика дали ви се допаѓа изгледот на подвлечените врски или не, не може да се тврди дека тие го прават очигледно за тоа кој текст е поврзан и што не е. Ако одземете ја истакнувате или ја менувате таа стандардна боја на сината врска, треба да бидете сигурни дека ќе ги замените со стилови кои сепак дозволуваат поврзаниот текст да издвоите. Ова ќе направи поинтуитивно искуство за посетителите на вашиот сајт.
Не подвлекувајте не-врски
Уште една претпазливост за врски и нагласува, не нагласува текст што не е врска како начин на нагласување. Луѓето очекуваат подвлечен текст да биде линк, па ако подвлечете содржина со цел да додадете акцент (наместо да го направите задебелен или да го касете), праќате погрешна порака и ќе ги збунете корисниците на сајтот.
Променете го Underline до точки или цртички
Ако сакате да ја задржите вашата текстуална врска подвлекува, но го промените стилот на тој потцрт од стандардниот изглед, кој е "soldi" линија, можете да го направите тоа исто така. Наместо тоа солидна линија, можете да користите точки за да ги нагласите вашите врски. За да го направите ова, сепак ќе го отстраните подвлеченото, но ќе го замените со имотот на стилот на границата:
{текст-декорација: нема; граница-дното: 1px точки; }Откако сте го отстраниле стандардното потцртување, пресечената е единствената што се појавува.
Можете да го направите истото за да добиете цртички. Едноставно смени го стилот на граница-дното за да попарен:
{текст-декорација: нема; граница-дното: 1px попарен; }Променете ја подвлечената боја
Друг начин да се привлече вниманието кон вашите врски е да ја смените бојата на подвлеченото. Само осигурајте се дека бојата се вклопува со вашата шема на бои .
{текст-декорација: нема; граница-дното: 1px цврсто црвено; }Двоен подвлекува
Трикот за користење на двојни нагласува е дека треба да ја смените ширината на границата. Ако креираш ширина од 1 пикс, ќе завршиш со двојно подвлекување што личи на еден потцрт.
{текст-декорација: нема; граница-дното: 3px двојно; }Исто така, можете да го користите постоечкиот потцрт за да направите двојно потцртување со други функции, како што е една од линиите што се означени:
{граница-дното: 1px двојно; }Не заборавај на државите на врска
Можете да го додадете стилот на долната граница на вашите врски во различни состојби, како што се: лебди, активно или: посетено. Ова може да создаде убаво искуство за "стил" за посетители кога ќе ја користите "лебди" псевдокласата. За да направите втор потцртен потцрт се појавуваат кога ќе лебдите над линкот:
{текст-декорација: нема; } a: лебди {граничното дно: 1px точки; }Авторски напис од Џенифер Крајнин. Уредено од Џереми Жирар