Уклоните Линк подвлаче или креирајте испрекидане или двоструке подвучене везе
По дефаулту, веб претраживачи имају одређене ЦСС стилове које примјењују на одређене ХТМЛ елементе. Ако не преписујете ове подразумеване листове сопственог стила вашег сајта, онда ће се применити подразумевана вредност. За хипервезе, подразумевани стил приказа је да ће сваки повезани текст бити плав и подвучен. Бровсер то ради тако да посетиоци сајта могу лако да виде који је текст повезан. Многи веб дизајнери не брину о овим подразумеваним стиловима, нарочито онима који су наглашени. На срећу, ЦСС олакшава промену изгледа оних који их наглашавају или их потпуно уклањају.
Уклањање подцртве на текстуалне везе
Подвучени текст може бити изазовнији да прочита тај не-подвучени текст. Поред тога, многи дизајнери једноставно не брину о изгледу подвучених текстуалних веза. У овим случајевима, вероватно ћете желети да уклоните ове подгрупе у потпуности.
Да бисте уклонили наглашене текстуалне везе, користићете текстуалну декорацију ЦСС објекта. Ево ЦСС-а које бисте написали да бисте то урадили:
{тект-децоратион: ноне; }
Уз ту линију ЦСС-а, уклонили бисте подвлачење из свих текстуалних веза. Иако је то уобичајени стил (користи се селектор за елементе), он и даље има више специфичности него што подразумевају стилови претраживача. Зато што су ти подразумевани стилови оно што ствара подвлачење за почетак, то је оно што морате преписати.
Опрез на уклањању подвучених текстова
Визуелно, уклањање подвучника може бити управо оно што желите да постигнете, али морате бити опрезни када то учините такође. Било да вам се допада изглед подвучених веза или не, не можете тврдити да они јасно виде који је текст повезан, а што није. Ако однесете нагласите или промените ту подразумевану боју плаве линије, требало би да будете сигурни да ћете их заменити стиловима који још увек дозвољавају повезани текст. Ово ће учинити више интуитивно искуство за посетиоце вашег сајта.
Не подвлачите не-везе
Још један опрез на линковима и подвлачи, не наглашавајући текст који није веза као начин наглашавања. Људи су дошли да очекују подвучени текст као линк, па ако подвучете садржај како бисте додали нагласак (уместо да га ставите у крепко или курзиву), пошаљете погрешну поруку и збуните кориснике сајта.
Промените Ундерлине на тачке или цртице
Ако желите да задржите вашу текстуалну везу подвучете, али промените стил тог подвлачења из подразумеваног изгледа, што је "солди" линија, то можете учинити и ви. Уместо те чврсте линије, можете користити тачке да истакнете своје везе. Да бисте то урадили, и даље ћете уклонити подвлачење, али ћете га замијенити својом особином стилског оквира:
{тект-децоратион: ноне; бордер-боттом: 1пк тачкаста; }Пошто сте уклонили стандардни нагласак, тачкаста боја је једина која се појављује.
Можете учинити исто што и дирке. Само промените стил стазе на доњем делу:
{тект-децоратион: ноне; бордер-боттом: 1пк исцрпљен; }Промените подвлачену боју
Други начин да скренете пажњу на ваше везе је промена боје подвлачења. Само уверите се да боја одговара вашој боји .
{тект-децоратион: ноне; бордер-боттом: 1пк солид ред; }Доубле Ундерлинес
Трик за коришћење двоструких нагласака је да морате променити ширину границе. Ако креирате ширу границу од 1пк, завршићете са двоструким подвлачењем која изгледа као један подцртани знак.
{тект-децоратион: ноне; бордер-боттом: 3пк доубле; }Можете користити и постојеће подвлачење да направите двоструку подвигу са другим функцијама, као што је једна од линија која се тачкаста:
{бордер-боттом: 1пк доубле; }Не заборавите Линкове државе
Можете додати стил граничног дна на своје везе у различитим државама као што су: ховер,: ацтиве или: виситед. Ово може створити лијепо доживљај стила "ролловер" за посетиоце када користите ту "лебдећу" псеудо класе. Да бисте направили другу тачку подвуче се појављују када се налазите преко везе:
{тект-децоратион: ноне; } а: ховер {бордер-боттом: 1пк тачкасто; }Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард