CSS練習問題 擬似クラス

擬似クラスを使用してボタンのホバー効果を設定する練習問題。ドラッグ&ドロップでCSSを正しい位置に配置してください。

0
進捗: 0/3

ボタンにマウスを乗せた時に背景色を変更する擬似クラスを使用してください。

.button
{
background-color: #0056b3;
cursor: pointer;
}

利用可能なタグ

:hover
:active
:focus
:first-child
:last-child

CSS

見た目を整える。セレクタ、レイアウト、レスポンシブまで。

CSS基礎講座を見る
会員限定コンテンツ

ユーザー登録をすると、この練習問題の解答を確認できるようになります。

会員登録をするとこんなメリットがあります
解答の確認
練習問題の正解・解説を確認
進捗管理
学習履歴を記録・管理
新着通知
新しい教材をお知らせ
完全無料
登録料・月額料金なし
登録は1分で完了します