НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Кольори в HTML. Уроки W3Schools українською для початківців

En

W3.CSS Кольори


W3.CSS Класи кольорів за замовчуванням

W3.CSS - це сучасний фреймворк CSS, який використовується для стилізації HTML-сторінок.

Клас кольорів за замовчуванням, який використовується в W3.CSS, натхненний Material Design.

Кольори Material Design відображають кольори, що використовуються в маркетингу, дорожніх знаках та наліпках.

Наступні класи кольорів W3.CSS можна використовувати на будь-якому елементі HTML:


W3.CSS Класи кольорів тексту

Наступні класи кольорів тексту W3.CSS можна використовувати на будь-якому елементі HTML:

На чорному

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

На сірому

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

На білому

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

Спробуйте самі »


Класи кольору при наведенні

Наведені нижче W3.CSS класи кольорів при наведенні можна використовувати на будь-якому HTML елементі: