Вёрстка: Классические стили для оформления ссылок
Эти стили можно применять для разнообразия визуального представления ссылок.
# Подчеркивание текста .under { text-decoration: underline red; } # Точечное подчеркивание текста .dotted { text-decoration: underline dotted brown; } # Волнистая линия .wavy { text-decoration: wavy underline blue; } # Волнистая линия над текстом .over { text-decoration: wavy overline crimson; } # Текст зачеркнут .line { text-decoration: line-through; } # Пунктирная линия для подчеркивания и линии над текстом .underover { text-decoration: dashed underline overline; } # Пунктирная линия для подчеркивания и линии над текстом # с указанием отступа подчёркивания от текста .underover-offset { text-decoration: dashed underline overline red; text-underline-offset: 8px; } # Толстая линия под текстом .thick { text-decoration: solid underline purple 6px; }
Подчеркивание текста
Точечное подчеркивание текста
Волнистая линия
Волнистая линия над текстом
Текст зачеркнут
Пунктирная линия для подчеркивания и линии над текстом
С указанием отступа подчёркивания от текста
Толстая линия под текстом
Точечное подчеркивание текста
Волнистая линия
Волнистая линия над текстом
Текст зачеркнут
Пунктирная линия для подчеркивания и линии над текстом
С указанием отступа подчёркивания от текста
Толстая линия под текстом
Можно создавать новые визуальные стили, используя различные комбинации свойств CSS для текста.
Комментарии