Web-конструирование

Содержание:

HTML

CSS

JavaScript

Версия для печати

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

    Средствами тегов HTML убрать подчеркивание у ссылок не представляется возможным. Поэтому для этой цели используются каскадные таблицы стилей (CSS).

    Одно из наиболее популярных применений CSS - это убирание подчеркивания у ссылок. С позиции юзабилити не совсем верное решение, поскольку пользователь может сразу не догадаться, что текст, который он видит, является ссылкой. Все ведь уже привыкли - раз подчеркивание используется, значит это ссылка. Но при правильном применении отсутствие подчеркивания у ссылок может придать определенный эффект сайту. Часто делается, что при наведении курсора, ссылка становится подчеркнутой, меняет свой цвет или используется и то и другое одновременно.

    Подчеркивание прячется параметром text-decoration: none.

    Пример. Убирание подчеркивания у ссылки:

<html>
<head>

<style type="text/css">
A:link {text-decoration: none} // убирает подчеркивание для ссылок
A:hover {text-decoration: underline; color: red;} // делает ссылку красной и подчеркнутой при наведении на нее курсора
</style>

</head>
<body>

<a href=#>Наведи сюда курсор, увидишь результат</a>

</body>
</html>

    Ниже приведено использование данного примера. При наведении курсора на ссылку, она становится подчеркнутой и красной.

НАВЕДИ СЮДА КУРСОР, УВИДИШЬ РЕЗУЛЬТАТ

Практическая работа

счетчик посещений
© 2010 Е. Яковлева E-mail: lena_ngpu@mail.ru
Сайт управляется системой uCoz