ボタンの変化

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

期待される出力結果 -

上の図でわかるように、2番目のボタンの背景色が異なっています。

チャレンジ

簡単

ID code を対象にし、背景色を #464646 に設定します。
label、p、small、および a タグを対象にし、色を #737373 に設定します。
ID or を対象にし、テキストを中央に揃えます。
クラス form-wrapper 内のアンカータグを対象にし、text-decoration を none に設定します。

自分で試してみよう

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

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

1はじめに

4CSS - II

ボタンの変化

2HTML

3CSS - I