Создание подчеркивания текста


Подчеркивание текста у ссылок настолько устоялось, что любое другое применение такого оформления будет с ними ассоциироваться. Чтобы не вводить посетителей сайта в заблуждение, никогда не используйте подчеркивание для обычного текста, только для ссылок. Но подчеркивание можно использовать разное, например, в виде пунктирной линии. Для этого создадим новый стиль, в котором будем использовать параметр border-bottom, он создает линию под текстом;

Пример 1. Создание пунктирного подчеркивания для ссылок
<html>
<head>
<style>
A {color: #FF0000;}
A:visited {color: #666666;}
A:hover { text-decoration: none; border-bottom: 1px dashed blue; }
</style>
</head>

<body>
<a href=1.html>Подчеркнутая ссылка</a>
</body>
</html>

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

Подчеркнутая ссылка

Обратите внимание, пунктирное подчеркивание появляется чуть ниже обычного подчеркивания ссылки.

Для создания просто подчеркнутого текста без ссылки, проще создать новый класс и применять его в нужном месте (пример 2).

Пример 2. Создание пунктирного подчеркивания для текста
<html>
<head>
<style>
.underline { border-bottom: 1px dashed blue; }
</style>
</head>

<body>
<span class=underline>Динамический HTML</span> - способ управления свойствами объектов на веб-странице, такие как, графика, текст, элементы форм и другое, без необходимости обновления всей страницы.
</body>
</html>

Динамический HTML - способ управления свойствами объектов на веб-странице, такие как, графика, текст, элементы форм и другое, без необходимости обновления всей страницы.

Браузер Internet Explorer 4/5 содержит ошибку и не показывает стили для встроенных элементов. Поэтому, приведенный пример в нем работать не будет.



Статья опубликована: 07.08.2003
 Последнее обновление: 21.06.2004


Copyright © 2002 — 2004 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru
Материалы сайта охраняются законом об авторском праве. Ни одну статью нельзя воспроизводить или использовать в какой бы то ни было форме, для каких бы то ни было целей или какими бы то ни было средствами без письменного разрешения автора.


Следующая статья     Список статей    

Предыдущий раздел