کتابخانه‌های رنگ W3.CSS

کتابخانه‌های رنگ W3.CSS شامل کلاس‌های از پیش تعریف‌شده‌ای هستند که اعمال رنگ به عناصر HTML را بدون نیاز به نوشتن CSS سفارشی آسان می‌کنند. در ادامه مروری بر این کتابخانه‌ها ارائه شده است:

1. کلاس‌های رنگ W3.CSS

W3.CSS شامل کلاس‌های ساده و از پیش تعریف‌شده برای رنگ‌های رایج است:

• رنگ متن: برای تغییر رنگ متن از کلاس‌های w3-text-* استفاده کنید (مثلاً w3-text-red، w3-text-blue).
• رنگ پس‌زمینه: برای تنظیم رنگ پس‌زمینه از کلاس‌های w3-* استفاده کنید (مثلاً w3-red، w3-blue).

2. تم‌های رنگی W3.CSS

تم‌ها به شما امکان می‌دهند که چندین عنصر را به‌صورت هماهنگ طراحی کنید. به عنوان مثال:

• کلاس w3-theme یک تم از پیش تعریف‌شده را به عناصر اعمال می‌کند.
• کلاس‌های w3-theme-d1، w3-theme-d2 و غیره، میزان روشنایی یا تیرگی تم را تنظیم می‌کنند.

3. رنگ‌های طراحی متریال

W3.CSS شامل پالت‌های رنگ طراحی متریال است، مانند:

• w3-pale-red، w3-light-green، w3-deep-orange.

4. رنگ‌های گرادیان

همچنین می‌توانید از کلاس‌های گرادیان استفاده کنید:

• w3-gradient-red، w3-gradient-blue.

مثال استفاده:

<div class=“w3-container w3-red w3-text-white”>

پس‌زمینه قرمز با متن سفید.

</div>

<div class=“w3-container w3-text-blue”>

متن آبی روی پس‌زمینه پیش‌فرض.

</div>