Menu
Coddy logo textTech

カードクラス

Coddyの「スライダー | フロントエンド・プロジェクト」コースのレッスン 17/23。

challenge icon

チャレンジ

簡単

ターゲットの card クラス:

1. scroll-snap-alignstart に設定します。

2. 任意の height を設定します(300px 以上を推奨)。

3. list-stylenone に設定します。

4. 任意の背景色を設定します。

5. cursorpointer に設定します。

6. 下方向の padding を 15 ピクセルに設定します。

7. flex-directioncolumn に設定します。

8. 任意の境界線の半径(border radius)を設定します。

自分で試してみよう

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

スライダー | フロントエンド・プロジェクトのすべてのレッスン