התמונה

שיעור 18 מתוך 23 בקורס סליידר | פרויקט Front-end של Coddy.

אתגר

קל

מקדו את תשומת הלב במחלקה img:

1. הגדירו את צבע הרקע לבחירתכם.

2. הגדירו את הגובה ואת הרוחב לבחירתכם (מומלץ 100px).

3. הגדירו את רדיוס הגבול ל־50%.

מקדו את תשומת הלב בתגית img במחלקה img:

1. הגדירו את הרוחב ואת הגובה לבחירתכם (ודאו שהם קטנים לפחות ב־10 פיקסלים מהמחלקה img)

2. הגדירו את רדיוס הגבול ל־50%.

3. הגדירו את object-fit ל־cover.

4. הגדירו גבול לבחירתכם.

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>

כל השיעורים ביחידה סליידר | פרויקט Front-end

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