7. 擬似クラスと擬似要素

擬似クラスと擬似要素を使って、マウスをのせたときの効果や装飾的な要素を作る方法を学びます。

学習目標

擬似クラス・擬似要素の違いと使い方を理解する
ホバー（マウスをのせたとき）や最初/最後の要素へのスタイル付けを体験する
見出しの前に記号をつけたり、ボタンのホバー効果を作ってみる
実際のWebサイトでよく使われるテクニックを身につける

目次

擬似クラスとは？
擬似要素とは？
スムーズなアニメーション効果を作ろう
装飾的な要素を追加しよう
演習問題
理解度チェック
まとめ

会員限定コンテンツ

このレッスンの詳細コンテンツは会員登録したユーザー限定です。

会員登録で学習効果を最大化！

詳細コンテンツ
レッスンの詳細解説を閲覧

進捗管理
学習履歴を記録・管理

新着通知
新しい教材をお知らせ

完全無料
登録料・月額料金なし

無料会員登録ログイン

登録は1分で完了します

インラインエディタ