الصورة

الدرس 18 من 23 في دورة سلايدر | مشروع Front-end على Coddy.

التحدي

سهل

استهدف فئة img:

1. قم بتعيين لون الخلفية من اختيارك.

2. قم بتعيين الـ height والـ width من اختيارك (يوصى بـ 100px).

3. قم بتعيين الـ border radius إلى 50%.

استهدف وسم img في الفئة img:

1. قم بتعيين الـ width والـ height من اختيارك (تأكد من أنه أقل بـ 10 بكسل على الأقل من الفئة img)

2. قم بتعيين الـ border radius إلى 50%.

3. قم بتعيين الـ object-fit إلى cover.

4. قم بتعيين حدود (border) من اختيارك.

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

الصورة

جميع دروس سلايدر | مشروع Front-end