Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Изменить цвет произвольного фрагмента текста на желаемый.
Создайте новый класс (например, colortext) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью тега <span class=»colortext»>, класс которого совпадает с именем класса, созданным выше.
Пример 1. Выделение фрагмента текста цветом
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Изменение цвета текста</title> <style> .colortext { color: red; /* Красный цвет выделения */ } </style> </head> <body> <p>Lorem ipsum dolor sit amet, <span class="colortext">consectetuer adipiscing elit</span>, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> </body> </html>
Результат данного примера показан ниже.
Рис. 1. Текст, у которого фрагмент выделен с помощью цвета
Класс colortext, созданный в данном примере, можно использовать неоднократно, выделяя цветом текст в нужных местах документа. Если требуется использовать несколько цветов, тогда следует создать несколько классов и добавлять их по необходимости.
Сайт