背景画像

Coddyの「イメージアコーディオン | フロントエンドプロジェクト」コースのレッスン 17/17。

画像:

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

チャレンジ

簡単

上記のように、指定された画像は以下の通りです：

あなたがすべきことは、idの one, two, three, and four をターゲットにして、それらの背景画像に上記のURLを設定することです。

または、次を使用することもできます：

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>

イメージアコーディオン | フロントエンドプロジェクトのすべてのレッスン

1はじめに

4CSS II

背景画像

2HTML

タイトルクラス container と input

3CSS I