(ホバー)は「浮かぶ」という意味でCSSではボタンやリンクが押されたような立体的な視覚効果を演出する擬似プロパティです。このCSS擬似クラスであるhoverは、ヘリコプターの状態を表すhovering/ホバリング(空中で停止)やhovercraft/ホバークラフト(空気圧で機体を浮かせて走る水陸両用の乗り物)のhoverと同様です。スタイルシートの疑似クラスのひとつである[:hover]を設定すると例えばアンカーにマウスを近づけたり、クリックしたりした時に面白い変化をつける事ができます。外部スタイルシート(専用ファイル)、または、ヘッダスタイル情報設定(headタグ内にstyle要素)に記述する例を見てみましょう。設定するスタイルシートファイル(.css/.style)にこのように記述します。して相対的に位置が決まるようにしておき、その後、上位置(top)・下位置(bottom)・左位置(left)・右位置(right)を設定しています。クリックした際に立体的にボタンが押されたように見えるように「元の文章(または画像)」と「クリックした時の文章(または画像)」の位置(ここでは単位をポイント(pt)にしていますが、ピクセル(px)などでも可)をずらして指定することによって実現しています。href="">クリックすると本当に押されてるように見える。</a>のように記述すればOKです。お好きな感じになるようにいろんな数値をセットしてやってみて下さい。全部、または、一部を省略している場合などには、aタグ以外で利用できないことがあるので留意が必要です。次はページを分割したい!『frameタグ編』です。|webzoit.net2004-someday。