КАРТА САЙТА

HTML

CSS

PHP

ССЫЛКИ

Ссылки без подчеркивания

Подчеркивание текстовых ссылок уже стало определенным стандартом и сигналом о том, что это не просто текст, а именно ссылка. Это, кстати, является одной из причин, по которой не следует применять подчеркивание к обычному тексту, пользователи будут считать, что имеют дело со ссылкой. Наряду с использованием подчеркивания благодаря CSS у разработчи- ков сайтов появился и альтернативный вариант — создание ссылок без подчеркивания . С позиции удобства это не совсем верное решение, поскольку пользователь не может сразу догадаться, что текст, который он видит, явля- ется ссылкой. Все ведь уже привыкли раз используется подчеркивание, значит, это ссылка. Но при правильном применении отсутствие подчеркивания у ссылок может придать сайту определенный эффект. Только надо обязательно дать понять пользователю, что является ссылкой, а что обыч- ным текстом, разграничивая их, например, цветом. Еще можно сделать так, что при наведении курсора ссылка становится подчеркнутой, меняет свой цвет или используется и тот, и другой эффект одновременно.
Чтобы убрать подчеркивание у ссылки, следует для селектора А добавить параметр
t e x t - d e c o r a t i o n : none
пример



<html>
<head >
<style type="text/css">
A {
text-decoration: none /* Отменяем подчеркивание у ссылки */
}
</style>
</head >
<body >
<a href=" # " > Cсылка без подчеркивания < /а >
< /body >
< /html >



Подчеркивание ссылок при наведении на них курсора мыши

Чтобы добавить подчеркивание для ссылок, у которых установлен параметр text-decoration: none, следует воспользоваться псевдоклассом A:hover. Он определяет стиль ссылки, когда на нее наводится курсор мыши. Остается ТОЛЬКО добавить ДЛЯ псевдокласса параметр text-decoration: underline


<html>
<head >
<style type="text/css">
A {
text-decoration: none /* Подчеркивание убираем */
}
A:hover {
text-decoration: underline /* При наведении курсора подчеркивание появляется */
}
</style >
</head >
<body >
< a href=" # "> Ссылка без подчеркивания < /а>
</body >
</html >

Сайт создан в системе uCoz