Как сделать пунктирное подчеркивание текста?
Тема:
Текст
Пунктирное подчеркивание в тексте используется для обозначения нового термина или аббревиатуры. Специально предназначенные для этой цели теги <abbr> и <acronym> добавляют к тексту всплывающую подсказку и устанавливают пунктирное подчеркивание. Но поскольку такое поведение не стандартизировано, то некоторые браузеры добавляют подчеркивание, а некоторые нет. Чтобы все выглядело одинаково, лучше воспользоваться стилями, создав подчеркивание с помощью свойства border-bottom, как показано в примере 1.
Пример 1. Пунктирное подчеркивание
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пунктирное подчеркивание</title>
<style>
.term {
border-bottom: 1px dotted red; /* Параметры линии */
}
</style>
</head>
<body>
<p>Веб-дизайн — методы и приемы оформления вида
<span class="term" title="Гипертекстовый документ">веб-страниц</span>.</p>
</body>
</html>Результат данного примера показан на рис. 1.
Рис.1. Пунктирное подчечеркивание текста красным цветом
