الألوان
الدرس 4 من 8 في دورة مشروع CSS - زر أنيق على Coddy.
يعد لون الخلفية ولون النص من أهم الأشياء عند تنسيق الزر!
من المهم ملاحظة تباين الألوان لسهولة القراءة، فعندما يكون لون الخلفية داكناً يجب أن يكون لون النص فاتحاً.
بعض الأمثلة على الألوان الداكنة:
- الأسود
- الأزرق
- الأحمر
- البني
بعض الأمثلة على الألوان الفاتحة:
- الأبيض
- الأصفر
- الوردي
التحدي
سهلالمهام:
- قم بتعيين لون نص الزر إلى
white - قم بتعيين لون خلفية الزر إلى لون غامق، وتأكد من وجود تباين كافٍ!
نصيحة:
يمكنك تعيين لون خلفية بتدرج خطي باستخدام (يمكنك تعديل الألوان)،
background: linear-gradient(rgb(6, 6, 209), rgb(46, 46, 219));أو بزاوية (45 درجة على سبيل المثال)،
background: linear-gradient(45deg, rgb(6, 6, 209), rgb(46, 46, 219));جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>