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

En

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


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

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

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

Приклад

<div class="w3-red">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

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

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.


Flat UI

Flat UI — ще один популярний клас кольорів, який можна використовувати в W3.CSS:

Приклад

<div class="w3-flat-turquoise">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

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

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Ви можете прочитати більше про альтернативні класи кольорів у наступних розділах цього посібника.


Windows Metro UI

Metro – це псевдонім Microsoft Design Language (MDL).

Metro зосереджено на типографіці, спрощених значках і сучасних кольорах.

У цьому прикладі показано, як використовувати кольори Windows Metro у W3.CSS:

Приклад

<div class="w3-metro-light-green">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

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

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.


Windows 8

Windows 8 була першою великою операційною системою, орієнтованою на плоский дизайн і сучасні кольори.

У цьому прикладі показано, як використовувати кольори Windows 8 у W3.CSS:

Приклад

<div class="w3-win8-lime">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

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

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.