Удаляем подчеркивание ссылки CSS и HTML - Заметки на все случаи жизни (c) Serg

Заметки на все случаи жизни (c) Serg
	Главная \| Удаляем подчеркивание ссылки CSS и HTML \| Регистрация \| Вход

Среда 01.05.2024 23:57
	Приветствую Вас Гость \| RSS

Удаляем подчеркивание ссылки в HTML

Реализуется при помощи CSS

Следует для селектора A добавить параметр text-decoration: none

Т.е. необходимо добавить в таблицу стилей данную строку

A {
text-decoration: none; /* Отменяем подчеркивание у ссылки */
}

или установить значение "text-decoration: none"

Для сайтов системы юкоз: Войти в панель управления » Главная » Управление дизайном » Общие шаблоны » Таблица стилей (CSS)
установить значения:

a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

если нужно чтоб при наведении появлялось подчеркивание, тогда
a:hover {text-decoration:underline;}

для обычных html-страниц между тегами <head> </head> помещаем:

<style type="text/css">
A {
text-decoration: none; /* Отменяем подчеркивание у ссылки */
}
</style>

********************************

Пример кода страницы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ссылки без подчеркивания</title>
<style type="text/css">
A {
text-decoration: none; /* Отменяем подчеркивание у ссылки */
}
</style>
</head>
<body>
<p><a href="http://www.psv.at.ua">Ссылка без подчеркивания</a></p>
</body>
</html>

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

Навести курсор и будет виден результат

Форма входа