Menu
Coddy logo textTech

クラス buttons

Coddyの「Coddy プロフィールカードのクローン | フロントエンドプロジェクト」コースのレッスン 22/26。

challenge icon

チャレンジ

簡単

クラス 'buttons' 内のクラス 'button' をターゲットにします:

  1. color を white に設定します。
  2. font-size を 14 ピクセルに設定します。
  3. border を none に、border-radius を 24 ピクセルに設定します。 
  4. margin を上下 0px、左右 10px に設定します。
  5. padding を上下 3 ピクセル、左右 18 ピクセルに設定します。
  6. background color を #4070f4 に設定します。

自分で試してみよう

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

Coddy プロフィールカードのクローン | フロントエンドプロジェクトのすべてのレッスン