Цвет Классы
W3.CSS использует цветовые классы, которые могут быть использованы на любом элементе HTML.
Цветовые классы вдохновлены цвета, используемые в маркетинге, дорожных знаков и заметок.
Лондон
Лондон является столицей Англии. Это самый густонаселенный город в Соединенном Королевстве, с пригородами более 13 миллионов жителей.
пример
<div class="w3-indigo">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom.</p>
</div>
Попробуй сам " Цвет Названия
W3-красный
W3-розовый
W3-фиолетовый
W3-глубоко-фиолетовой
W3-индиго
W3-синий
W3-светло-синий
W3-циан
W3-аква
W3-бирюзовые
W3-зеленый
W3-светло-зеленый
W3-кальциево
W3-песок
W3-хаки
W3-желтый
W3-янтарный
W3-оранжевый
W3-темно-оранжевого цвета
W3-сине-серый
W3-коричневый
W3-светло-серый
W3-серый
w3 темно-серый
W3-черный
W3-бледно-красный
W3-бледно-желтый
W3-бледно-зеленый
W3-бледно-голубые
Цветные контейнеры
Лондон является столицей Англии. Это самый густонаселенный город в Соединенном Королевстве, с пригородами более 13 миллионов жителей.
Лондон является столицей Англии. Это самый густонаселенный город в Соединенном Королевстве, с пригородами более 13 миллионов жителей.
Цветные кнопки
Цветной текст
Красный Фиолетовый Синий Зеленый Оранжевый
Цветные границы
Красный Зеленый Синий Черный Оранжевый
Hover Цвета
W3-hover- цвет и w3-парят-Шрифтом- цветовые классы позволяют использовать все выше в качестве hoverable фона и цвета текста цвета:
Красный Фиолетовый Синий Зеленый Оранжевый
Цветные таблицы
имя | Точки |
---|---|
Джилл Смит | 50 |
Ева Джексон | 94 |
Адам Джонсон | 67 |
Бо Нильсон | 35 |
Цветные карты
Автомобиль представляет собой колесное, с автономным питанием двигателя транспортное средство, используемое для перевозки. Большинство определений термина указывается, что автомобили предназначены для работы в первую очередь на дорогах, иметь сидения для одного до восьми человек, как правило, имеют в течение от одного до восьми человек, как правило, имеют в четыре колеса. (Википедия)
Цвет текста Классы
На черный
W3-текст-красный
W3-текст-розовый
W3-текст-фиолетовый
W3-текст-глубоко-фиолетовой
W3-текст-индиго
W3-текст-синий
W3-текст-светло-синий
W3-текст-голубой
W3-текст-аква
W3-текст-бирюзовые
W3-текст-зеленый
W3-текст-светло-зеленый
W3-текст-кальциево
W3-текст-песок
W3-текста цвета хаки
W3-текст-желтый
W3-текст-янтарный
W3-текст-оранжевый
W3-текст-темно-оранжевого цвета
W3-текст-сине-серый
W3-текст-коричневый
W3-текст-светло-серый
W3-текст-серый
W3-текст темно-серый
W3-текст-черный
W3-текст-белый
На Grey
W3-текст-красный
W3-текст-розовый
W3-текст-фиолетовый
W3-текст-глубоко-фиолетовой
W3-текст-индиго
W3-текст-синий
W3-текст-светло-синий
W3-текст-голубой
W3-текст-аква
W3-текст-бирюзовые
W3-текст-зеленый
W3-текст-светло-зеленый
W3-текст-кальциево
W3-текст-песок
W3-текста цвета хаки
W3-текст-желтый
W3-текст-янтарный
W3-текст-оранжевый
W3-текст-темно-оранжевого цвета
W3-текст-сине-серый
W3-текст-коричневый
W3-текст-светло-серый
W3-текст-серый
W3-текст темно-серый
W3-текст-черный
W3-текст-белый
на белом фоне
W3-текст-красный
W3-текст-розовый
W3-текст-фиолетовый
W3-текст-глубоко-фиолетовой
W3-текст-индиго
W3-текст-синий
W3-текст-светло-синий
W3-текст-голубой
W3-текст-аква
W3-текст-бирюзовые
W3-текст-зеленый
W3-текст-светло-зеленый
W3-текст-кальциево
W3-текст-песок
W3-текста цвета хаки
W3-текст-желтый
W3-текст-янтарный
W3-текст-оранжевый
W3-текст-темно-оранжевого цвета
W3-текст-сине-серый
W3-текст-коричневый
W3-текст-светло-серый
W3-текст-серый
W3-текст темно-серый
W3-текст-черный
W3-текст-белый