Несомненно каждый из вас хоть раз выделял текст на сайте, если вы заметили цвет выделения зачастую одинаковый, это используются стандартные параметры системных файлов. Зачастую пользователи не особо вдаются в такие нюансы и не замечают этого, но если вам, разработчику какого нибудь интересного проекта, необходимо изменить данный параметр для того, чтобы придать сайту маленькую изюминку или просто подчеркнуть дизайн сайта данным эффектом тогда данная статья будет интересна, ведь в ней мы рассмотрим как изменить стандартный цвет выделения текста на сайте.

Для получения такого эффекта не требуется особых усилий и знания верстки, все достаточно просто, вы можете сами в этом убедиться. И так, приступим.

Шаг 1. HTML

Для начала мы рассмотрим простую разметку, которая состоит из заданных нами классов. ( Нужна разметка только выделения отдельного текста на сайте.

С разметкой закончили, теперь переходим к следующему шагу.

Шаг 2. CSS

Мы рассмотрим два примера, первый из которых выделяет весь текст на сайте, а второй только отдельный текст.

Выделения всего текста на сайте:

Чтобы цвет изменился необходимо только эти две строчки. По умолчанию будем использовать зеленый цвет

Если вы хотите чтобы только буквы меняли цвет, вам необходимо задать свойство color с необходимом цветом.

После этого буквы также будут изменять свой цвет.

Выделения отдельного текста на сайте

Если вы захотели что текст на сайте выделялся не одним цветом, а различными, то вам необходимо к тегу <p> присвоить соответствующий класс, например для красного выделения класс будет green.

Вот и все. Готово!

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.

Читайте также: