درس دوم: مدیریت رنگ‌ها و پس‌زمینه‌ها در CSS

🎨 ۱. رنگ متن (Color)

برای تغییر رنگ متن تگ‌ها از ویژگی color استفاده می‌کنیم. ما به سه روش می‌توانیم رنگ‌ها را معرفی کنیم:

• 🌈 نام رنگ: مثل red یا blue
• 🌈 کد هگزادسیمال: مثل #ff0000 (دقیق‌ترین روش)
• 🌈 مقدار RGB: مثل rgb(255, 0, 0)

p {
    color: #6c5ce7; /* یک بنفش جذاب */
}

🖼️ ۲. پس‌زمینه (Background)

ویژگی background-color برای تغییر رنگ کل پس‌زمینه یک تگ استفاده می‌شود. اما اگر بخواهید از عکس استفاده کنید، از ویژگی background-image کمک می‌گیریم.

body {
    background-color: #f1f2f6;
    background-image: url('pattern.png');
    background-repeat: no-repeat;
    background-size: cover;
}

یک صفحه وب بسازید که رنگ پس‌زمینه کل صفحه (body) خاکستری روشن باشد و یک عنوان h1 داشته باشد که رنگ متن آن سبز (Hex: #2ecc71) باشد.