Как указать цвет текста в css

Свойства цвета в CSS

Таблица стилей CSS дает возможность управлять цветом теста, ссылок и фона веб-страницы в целом. Эта возможность ускоряет и упрощает работу с подбором цвета на сайте. CSS дает массу новых возможностей по работе с цветами на сайте.
В этой статье я хочу рассмотреть такие возможности в CSS как:
цвет фона, цвет текста, цвет ссылки, коды цветов, цвет рамки.

Цвет фона.

background-color

Есть отличная возможность в CSS создать фон для сайта с помощью правила background-color.

Фон сайта будет красного цвета .

Цвет текста.

color

В CSS вы можете задавать цвет каждому элементу отдельно, например, цвет текста для всего сайта <p> красным, цвет заголовка <h1> серым, <h2> синим, <h3> зеленым.

Цвет текста

Цвет в CSS можно задавать тремя способами.

[1-способ. ] По названию цвета.

[2-способ. ] По шестнадцатеричному значению.

[3-способ. ] С помощью RGB.

Давайте теперь для закрепления темы объединим "цвет фона" и "цвет текста" в одном файле.

Цвет текста

Цвет рамки css.

border-color

Как задать цвет рамки? Сейчас мы с вами это выясним.
Чтобы задать цвет рамки, достаточно прописать правило border-color.

Цвет рамки css

Цвет ссылки css.

Теперь пришло время поговорить о том, как задать цвет ссылки через CSS.

visited — Стиль для посещенной ссылки.

active — Стиль для нажатой ссылки.

hover — Стиль ссылки при наведении на нее курсора.

Цвет ссылок будет красного цвета .
Цвет посещенных ссылок будет серого цвета .
Цвет активных ссылок будет черного цвета.
Цвет ссылок при наведении курсора будет желтого цвета .

Коды цветов css.

Вы можете воспользоваться специальной бесплатной программой, которая может сканировать цвет с любой точки экрана, а также предлагает палитру цветов. Большой плюс этой программы в том, что все цвета переводятся сразу в HTML код (Пример: #cc0000). Чтобы скачать программу и посмотреть более подробную информацию, перейдите здесь.

Вот и все, что я хотел рассказать по теме "Свойства цвета в CSS".
Если вы интересуетесь CSS, HTML и вообще созданием сайта, рекомендую подписаться на обновление моего блога, чтобы быть всегда в курсе новых тем. Форма подписки сразу после кнопок социальных сетей.

Цвета в CSS (таблица названий с примерами)

Ниже Вы можете найти полную таблицу стандартных цветов, которые работают во всех браузерах.

В качестве цвета можно задать цвет в шестнадцатеричном формате HEX, например #A52A2A или используя CSS название цвета, например: blue .

Цвет текста

Как изменить цвет текста или шрифта в CSS? На самом деле задать нужный цвет или изменить можно простым свойством:

Указываем его для элемента, в котором расположен наш текст. Или Вы можете задать его напрямую, через атрибут:

Цвет ссылок

Цвет ссылки меняется похожим образом, только в качестве селектора нужно указать <a>:

Если нужно менять цвет при наведении, тогда добавляем псевдо-класс :hover:

Цвет фона, кнопки, блока

Меняется свойством background-color или просто background :

Цвет рамки

Цвет рамки задается через свойство border-color :

Таблица цветов

Ниже представлена вся палитра стандартных CSS цветов. Просто нажмите на название цвета или его шестнадцатеричный HEX код.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *