Как да премахнете подчертаването връзките в HTML чрез CSS
Ако сте се чудеха на този въпрос, най-вероятно не сте запознати с CSS стилове. В тази статия ще опиша как да премахнете подчертаването на връзките с помощта на CSS, както и да ви разкажа за обратния проблем за това как да се подчертае, линкове, когато се движите, и т.н. Помислете за всички възможни варианти.
По подразбиране всички връзки са подчертаващи. Винаги е да се знае, когато създавате нови класове за таг в CSS.
За подчертан връзки отговаря специален CSS текст-украса собственост. което може да отнеме от следните стойности:
- подчертае (подчертае приложимо);
- Няма (акцент на разстояние);
Примери за използване на текст декорация
Пример №1. Премахване на долна черта от връзките
Помислете за първия вариант, в който ние искаме общото (образец) стил за справки (цвят и размер) и все още се изискват две препратки клас. Клас podcherk връзка включва подчертае, и съответно премахва notpodcherk подчертаване. Следният код демонстрира това:
Това е, което превръща този код:
Пример №2. Премахване на долна черта, когато задържите
2. А сега да разгледаме този случай да се направи акцент върху линкове, когато мишката върху него.
Този код се превръща във връзка:
Пример №3. Ние правим красива долна черта
И накрая, помислете за необичаен дизайн на препратката, а именно да се направи красива подчертаване за връзки в три версии: осеян и солиден опит. В действителност, това е всичко, екзотичен, но можете да направите вашия сайт по-интересен, в някои случаи, да се направи един необичаен акцент върху връзките.
Превърнат в страницата:
Това е в общи линии всичко, от най-интересните примери да се подчертае връзките. Основният отговор на въпроса на тази статия е на линия: текст декорация: няма (премахва долна черта).