Как сделать текст другим цветом

  • Закрыть ... [X]

    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. Выделение фрагмента текста цветом

    HTML5CSS 2.1IECrOpSaFx

    <!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, созданный в данном примере, можно использовать неоднократно, выделяя цветом текст в нужных местах документа. Если требуется использовать несколько цветов, тогда следует создать несколько классов и добавлять их по необходимости.


    Поделись с друзьями



    Рекомендуем посмотреть ещё:



    HTML выделение: Выделение текста жирным, курсивом и цветом Шаблоны чековая книжка для любимого своими руками

    Как сделать текст другим цветом Как сделать текст другим цветом Как сделать текст другим цветом Как сделать текст другим цветом Как сделать текст другим цветом Как сделать текст другим цветом Как сделать текст другим цветом

    ШОКИРУЮЩИЕ НОВОСТИ