Учебник по HTML и CSS |
|
Полезное |
Полезные советы по CSS и HTMLКак добавить подчеркивание к заголовку?Подчеркивание для блочных элементов вроде тега <H1> можно проводить двояко. Например, линию под текстом устанавливать на всю ширину блока, независимо от объема текста. А также подчеркивание делать только у текста. Далее рассмотрим оба варианта. Линия под текстом на всю ширину блокаЧтобы создать линию под текстом, следует добавить к элементу стилевой параметр border-bottom, его значением выступает одновременно толщина линии, ее стиль и цвет. Пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Расстояние от линии до текста можно регулировать параметром padding-bottom, добавляя его к селектору H1. Результат данного примера показан на рис. 1. Рис. 1. Линия под заголовком Подчеркивание текстаЧтобы подчеркнуть только текст, необходимо воспользоваться атрибутом text-decoration со значением underline, опять же, добавляя его к селектору H1. Пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Результат данного примера показан на рис. 2. Рис. 2. Подчеркивание заголовка В случае использования параметра text-decoration линия жестко привязана к тексту, поэтому определить ее положение и стиль не удастся. |
При использовании материалов сайта ссылка на comnew.ru обязательна! |