Создание подчеркивания текста
Подчеркивание текста у ссылок настолько устоялось, что любое другое
применение такого оформления будет с ними ассоциироваться. Чтобы
не вводить посетителей сайта в заблуждение, никогда не используйте
подчеркивание для обычного текста, только для ссылок. Но подчеркивание
можно использовать разное, например, в виде пунктирной линии. Для
этого создадим новый стиль, в котором будем использовать параметр
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 содержит ошибку и не показывает стили для
встроенных элементов. Поэтому, приведенный пример в нем работать не будет.
|