Посилання без підкреслення
За допомогою HTML не можна видалити підкреслення з посилань. Для цього використовуються каскадні таблиці стилів (Cascading Style Sheets, CSS).
Одним з популярних застосувань CSS для посилань є видалення підкреслення. З погляду зручності використання це не зовсім правильне рішення, оскільки користувач може не відразу зрозуміти, що текст, який він бачить, є посиланням. Проте правильне застосування видалення підкреслення може надати певний ефект веб-сайту. Часто при наведенні курсора посилання стає підкресленим, змінює свій колір або використовується обидва ці дії одночасно.
Підкреслення приховується за допомогою стилевого властивості text-decoration: none, яка додається до селектора A, як показано в прикладі 1.
Приклад 1. Видалення підкреслення у посилання
<!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=utf-8">
<title>Підкреслення у посиланнях</title>
<style type="text/css">
A {
text-decoration: none; /* Видаляє підкреслення для посилань */
}
A:hover {
text-decoration: underline; /* Додаємо підкреслення при наведенні курсора на посилання */
color: red; /* Посилання червоного кольору */
}
</style>
</head>
<body>
<p><a href="text.html">Наведи сюди курсор, побачиш результат</a></p>
</body>
</html>У цьому прикладі при наведенні курсора на посилання, воно стає підкресленим і червоним.