Gambar Latar Belakang

Pelajaran 17 dari 17 dalam kursus Akordeon Gambar | Proyek Front-end di Coddy.

Gambar:

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

Tantangan

Mudah

Seperti yang bisa kamu lihat di atas, gambar yang diberikan adalah:

Yang perlu kamu lakukan hanyalah menargetkan id one, two, three, and four dan menetapkan gambar latar belakangnya menggunakan url di atas.

Atau kamu bisa menggunakan:

https://picsum.photos/200/300

untuk masing-masing gambar.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Akordeon Gambar | Proyek Front-end

1Pengantar

Apa yang akan kamu buat?

4CSS II

Gambar Latar Belakang Pelajaran proyek

2HTML

Judul Class container dan input

Label dan class row

Class pada row

Heading dan subheading

Selesaikan HTML

3CSS I

Tag universal

Body dan class wrapper

Class container

Class card

Class row

Latihan sendiri: Playground Web