Приднестровская поддержка XOOPS
Основным указанием на то, что перед нами ссылка, является то, что она подчеркнута и ее цвет изменен по сравнению с основным текстом. Такое визуальное оформление используется по умолчанию. Однако в определенных случаях может возникнуть необходимость в отображении ссылки без подчеркивания.
Решение
Для того чтобы убрать подчеркивание ссылок, воспользуемся свойством text-decoration. По умолчанию браузер устанавливает значение underline данного свойства для всех элементов a. Поэтому нам достаточно всего лишь установить его значение none для ссылок:
text-decoration: none;
Такой результат был достигнут с помощью следующего CSS-кода:
a:link, a:visited {
text-decoration: none;
}
Рис. 2.5. Использование свойства text-decoration позволяет убрать подчеркивание для ссылок
Обсуждение
Помимо underline и none свойство text-decoration может принимать следующие значения:
• overline
• line-through
• blink
Эти значения можно комбинировать. К примеру, если бы вам захотелось оформить ссылку с помощью как нижнего, так и верхнего подчеркивания, как показано на рис. 2.6, то можно было бы использовать следующее правило стиля:
a:link, a:visited {
text-decoration: underline overline;
}
Рис. 2.6. Комбинирование различных значений свойства text-decoration позволяет создавать ссылки с нижним и верхним подчеркиванием
Совсем другое дело, когда мы имеем дело с ссылками в меню или ссылками, расположенными иным образом так, что не остается никаких сомнений в их предназначении – например, когда их текст оформлен в виде кнопок. В этом случае при желании можно убрать подчеркивание, поскольку множество других факторов указывает на то, что данный текст является ссылкой.
Отправитель | Нити |
---|
4 пользователь(ей) активно (4 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 4 далее... |