CSS - Colors الألوان
CSS - الألوان (Colors)
🔸 تُستخدم خاصية color في CSS لتحديد لون النص، وتُستخدم خاصية background-color لتحديد لون الخلفية.
✅ طرق تعريف الألوان
- اسم اللون: مثل
red،blue،green... - Hex code: مثل
#ff0000(للأحمر) - RGB: مثل
rgb(255, 0, 0) - RGBA: نفس RGB ولكن مع الشفافية:
rgba(255, 0, 0, 0.5) - HSL:
hsl(0, 100%, 50%) - HSLA: مع شفافية:
hsla(0, 100%, 50%, 0.5)
🧪 مثال على تعيين لون للنص
p {
color: blue;
}
🧪 مثال على تعيين لون للخلفية
div {
background-color: lightgray;
}
📌 ملاحظات مهمة
- يفضل استخدام
hexأوrgbلمرونة أكبر في التحكم بالألوان. - الشفافية مفيدة لعمل تأثيرات ناعمة باستخدام
rgbaأوhsla. - الألوان يمكن دمجها مع خصائص أخرى مثل
border-colorوbox-shadow.
تعليقات
إرسال تعليق