صور الخلفية

الدرس 17 من 17 في دورة أكورديون الصور | مشروع Front-end على Coddy.

الصور:

https://images.hdqwalls.com/download/sunrise-landscape-minimalism-5k-ex-1920x1080.jpg

https://www.hdwallpapers.in/download/artistic_landscape_mountains_trees_sunset_purple_sky_background_minimalist_hd_minimalism-1280x720.jpg

https://rare-gallery.com/mocahbig/391766-mountain-minimalist-scenery-digital-art-4k-pc.jpg

https://images.hdqwalls.com/download/firewatch-forest-mountains-minimalism-4k-hb-2880x1800.jpg

التحدي

سهل

كما ترى أعلاه، الصور المعطاة هي:

كل ما عليك فعله هو استهداف المعرفات one و two و three و four وتعيين صور الخلفية الخاصة بها باستخدام الرابط أعلاه.

أو يمكنك استخدام:

https://picsum.photos/200/300

لكل منها.

جرّب بنفسك

<!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

1مقدمة

ما الذي ستقوم ببنائه؟

4CSS II

أيقونة الـ Class

وصف الـ Class

العنوان والعنوان الفرعي

عنصر الـ Input

صور الخلفية درس مشروع

2HTML

العنوان Class container والمدخلات

Label و class row

Classes الصف

العناوين الرئيسية والفرعية

3CSS I