Menu
Coddy logo textTech

ボタン

Coddyの「ストップウォッチ - HTML/CSS/JS プロジェクト」コースのレッスン 7/10。

challenge icon

チャレンジ

簡単

ボタンを好きなようにスタイリングしましょう!以下は button タグに必要な変更点です:

  1. cursor を pointer に設定する
  2. padding をデフォルト以外に設定する
  3. background color をデフォルト以外の好きな色に設定する
  4. ボーナス:hover エフェクト!

以下は結果の例です:

自分で試してみよう

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

ストップウォッチ - HTML/CSS/JS プロジェクトのすべてのレッスン