צבעים

שיעור 4 מתוך 8 בקורס פרויקט CSS - כפתור מעוצב של Coddy.

צבע הרקע וצבע הטקסט הם מהדברים החשובים ביותר בעיצוב כפתור!

חשוב לשים לב לניגודיות הצבעים כדי שהטקסט יהיה קריא. כאשר צבע הרקע כהה, צבע הטקסט צריך להיות בהיר.

כמה דוגמאות לצבעים כהים:

כמה דוגמאות לצבעים בהירים:

אתגר

קל

משימות:

טיפ:

אפשר להגדיר צבע רקע של מעבר צבע ליניארי (אפשר להתאים את הצבעים),

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>
        <!-- כתבו כאן קוד HTML -->
    </body>
</html>

כל השיעורים ביחידה פרויקט CSS - כפתור מעוצב

1מבוא

2פרויקט CSS

צבעים

תרגלו בעצמכם: Web אונליין