ホーム>コース別ガイド一覧>リンク上でマウスのボタンが押された状態のデザイン マウスを合わせた状態のデザイン<BACK NEXT>ホームページの公開
疑似クラス 要素名:active { 〜 }CSS一覧プロパティ辞典 … active 疑似クラス active 疑似クラスを使うと、要素が現在活動中(ほとんどの場合はマウスボタンが押された場合)の状態のデザインを指定することができます。書式の通りセレクタに「:active」を付けて使用します。 主なデザインの指定文字の色、背景色、背景画像の変更、リンク指定時の下線の表示などを変更できます。それぞれcolorプロパティ、background-colorプロパティ、background-imageプロパティ、text-decorationプロパティを使用すればこれらのデザインを変更できます。 使用例ではマウスボタンが押されたの状態のリンクの文字の色を赤にしてみましょう!
使用例の表示
このようにマウスボタンが押されたの状態のリンクの文字の色が赤になります!なお、このブラウザでの表示例は画像により表現しており、リンク設定はなされていません。 マウスを合わせた状態のデザイン<BACK <TOP> <コース目次> NEXT>ホームページの公開
|
ゼロから始めよう!わかりやすい!ホームページ作成ガイド
|