Menu
Coddy logo textTech

ボタン

Coddyの「Netflixサインインページのクローン | フロントエンドプロジェクト」コースのレッスン 16/19。

challenge icon

チャレンジ

簡単

両方のボタン(手短に言えば、すべてのボタン)をターゲットにします:

  1. width100% に設定します。
  2. padding を上下に 12 ピクセル、左右に 0 ピクセル設定します。
  3. margin を上下に 10 ピクセル、左右に 0px 設定します。
  4. フォントサイズを 16 ピクセルに設定します。
  5. 背景色を #e50914 に、colorwhite. に設定します。
  6. bordernone に設定し、境界線の半径(border radius)を 4 ピクセルに設定します。
  7. cursorpointer に設定します。

自分で試してみよう

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

Netflixサインインページのクローン | フロントエンドプロジェクトのすべてのレッスン