Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Використання Кольорів у Tailwind CSS | Основні Концепції Та Базове Стилювання
Tailwind CSS для Веброзробки

bookВикористання Кольорів у Tailwind CSS

Кольори

Tailwind CSS надає широкий вибір утиліт для роботи з кольорами, які можна застосовувати до елементів. Ці утиліти дозволяють швидко встановлювати кольори фону, тексту та рамок.

Примітка

Числа у цих класах позначають різні відтінки базового кольору. Вони варіюються від 50 до 900:

  • Менші числа (наприклад, 50): світліші відтінки;
  • Більші числа (наприклад, 900): темніші відтінки.

Кольори фону

Використовуйте префікс bg-, після якого вказується назва кольору та його відтінок.

index.html

index.html

copy

Кольори тексту

Використовуйте префікс text-, після якого вказується назва кольору та його відтінок.

index.html

index.html

copy

Кольори рамки

Використовуйте префікс border-, після якого вказується назва кольору та його відтінок.

index.html

index.html

copy

Примітка

Щоб переглянути всі наявні кольори, зверніться до документації Tailwind за посиланнями нижче.

1. Який клас слід використати для встановлення синього кольору фону?

2. Який клас утиліти ви використаєте, щоб встановити сірий колір тексту?

question mark

Який клас слід використати для встановлення синього кольору фону?

Select the correct answer

question mark

Який клас утиліти ви використаєте, щоб встановити сірий колір тексту?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 3

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you give examples of how to use these color classes in HTML?

What are some common color names available in Tailwind?

How do I customize or add my own colors in Tailwind?

Awesome!

Completion rate improved to 3.57

bookВикористання Кольорів у Tailwind CSS

Свайпніть щоб показати меню

Кольори

Tailwind CSS надає широкий вибір утиліт для роботи з кольорами, які можна застосовувати до елементів. Ці утиліти дозволяють швидко встановлювати кольори фону, тексту та рамок.

Примітка

Числа у цих класах позначають різні відтінки базового кольору. Вони варіюються від 50 до 900:

  • Менші числа (наприклад, 50): світліші відтінки;
  • Більші числа (наприклад, 900): темніші відтінки.

Кольори фону

Використовуйте префікс bg-, після якого вказується назва кольору та його відтінок.

index.html

index.html

copy

Кольори тексту

Використовуйте префікс text-, після якого вказується назва кольору та його відтінок.

index.html

index.html

copy

Кольори рамки

Використовуйте префікс border-, після якого вказується назва кольору та його відтінок.

index.html

index.html

copy

Примітка

Щоб переглянути всі наявні кольори, зверніться до документації Tailwind за посиланнями нижче.

1. Який клас слід використати для встановлення синього кольору фону?

2. Який клас утиліти ви використаєте, щоб встановити сірий колір тексту?

question mark

Який клас слід використати для встановлення синього кольору фону?

Select the correct answer

question mark

Який клас утиліти ви використаєте, щоб встановити сірий колір тексту?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 3
some-alt