Како уклонити подвлачење линкова? Својство ЦСС-текста

Линкови су саставни дио сваке веб странице. Могу бити и текстуални иу облику дугмади. Овај чланак ће обухватити само текстуалне линкове.

Није тајна да у ХТМЛ-у сви елементи не изгледају баш уредно, а дизајн, искрено, лош.

Најважнији дио "везе", која омета стварање линкова, је наглашена. Сада ћемо разумети како да уклонимо подвлачење линкова у ЦСС-у.

Линк цреатион

Да бисте демонстрирали рад ове методе, морате креирати везу. Ово ће помоћи стандардном ХТМЛ-у 5.

Да бисте креирали везу, морате користити ознаку пара "а", која није блок. Стога, да би се линкови поставили на засебне линије, потребно их је уградити у ознаке параграфа (п). Алтернативно, можете користити својство дисплаи: блоцк за сваку везу.

Почните да креирате везе. Ми уносимо неколико ознака у наш ХТМЛ документ. Између почетних и завршних ознака уписујемо име нашег линка, који ће бити приказан на нашој страници.

Поред тога, ознака “а” има више атрибута. Атрибут хреф је обавезан, без којег се не прати веза. Означава путању до странице или датотеке на коју ће водити наша веза.

У приказаном примеру, неће бити коришћене друге везе, тако да можете одредити стандардну вредност #.

Веза је креирана, сада треба да буде стилизована. Постоји неколико начина за уклањање подвучених веза у ЦСС-у:

1. Атрибут стиле (налази се унутар ознаке).
2. Ознака стила (налази се у главном блоку).
3. Екстерни стилови повезивања помоћу ознаке везе.

Да бисте поништили подвлачење везе у ЦСС-у, можете користити било који од ових метода, али повезивање спољних стилова се сматра најпогоднијим.

Савет: приликом обликовања веб странице дајте предност спољним везама.

Стилинг линкови у ЦСС-у

У приказаном примеру користиће се спољно повезивање. Отворите ЦСС датотеку у којој ћемо промијенити дизајн линкова.

Поред линкова на овој страници нема ништа. Зато ћемо као селектор користити ознаку “а”. Ако желите, можете додати класе за сваки линк, али ово није обавезно.

Напишите "а" селектор, у којем ће бити написано својство декорације текста: ноне;

Једна једноставна особина уређивања текста користи се за уклањање подвлачења помоћу ЦСС-а.

Текст-декорација садржи низ других вредности. Помоћу њега можете направити горњу доњу црту, али се она ретко користи.

Да бисте уклонили подцртавање везе, у ЦСС документу унесите следећи код:

Да бисте поједноставили код, можете користити једноставан атрибут - стил. У примеру, пуна страница није представљена у пуноправном дизајну, тако да можете користити ову методу.

Главна ствар није да се на такав начин обоји читава ХТМЛ страница. У овом коду, врло лако можете бити збуњени.

Модификација индуковане везе у ЦСС-у

Претпоставимо да желите да везе које су у нормалном стању доње црте остају и да нестану када лебдите. Да бисте уклонили или подесили подвлачење за везу приликом лебдења, ЦСС користи псеудо-класу ": ховер". Ево примера:

Стилови се могу применити не само на индуковану везу, већ и на активирање или посету. Да бисте то урадили, користите псеудо-класе ": ацтиве" и ": виситед".