問題一覧に戻る
初級CSS基礎
問題23: 状態変化のスタイル
:checkedと:active擬似クラスを使って状態に応じたスタイルを作りましょう!
以下のタスクを完成させてください:
📝 タスク1: .styled-checkboxの1つ目の___にcheckedを入れて、チェック時にラベルのスタイルを変更
📝 タスク2: .active-buttonの2つ目の___にactiveを入れて、クリック時のスタイルを定義
📝 タスク3: 3つ目と4つ目の___にtransformと0.95を入れて、クリック時に縮小効果を追加
HTML(読み取り専用)
CSS コードエディタ
リアルタイムプレビュー