2010-10-01
Цветное подчеркивание средствами CSS
Случайно обнаружил способ как сделать цветное почеркивание для текста средствами CSS:
Текст с цветным подчеркиванием!
При этом это не бордер, а именно подчеркивание - можно заметить, что подчеркивание проходит гораздо ближе к тексту чем бордер и иногда пересекается с нижними глифами шрифта.
Сама идея проста до безобразия - делаем красный текст с подчеркиванием, затем у вложенного спана переопределяем текст на черный:
<p style="text-align: center; font-size: 1.5em; color: red; text-decoration: underline;"> <span style="color: black;">Текст с цветным подчеркиванием!</span>
</p>
разрешены только теги br, font, span, p, strong, u, p, blockquote, a, div, img - остальные будут безжалостно удаляться
комментарии: