マウスが来た時に文字を移動するマウスが来た時に文字を移動するマウスがリンクの文字に重なった時、ボタンを押したように文字が下がる方法です。ボタンは通常の表示でも、押した時に凹んだ感じに見えるようになっています。これを、通常の文字のリンクでも行う方法です。マウスで変化で説明してますので確認して下さい。マウスが来た時に文字色を変更するを参照。↓)sampleマウスを合わせると、上から1px・左から2px移動。スタイルシートにて実現できます。position:relative;}リンクにマウスが重なった時に文字を移動するには、マウスが重なった時に表示位置を移動する事で可能になります。リンクに対して設定をします。要素の配置場所を指定するのrelativeを使用して配置場所を再指定する(これにて見た目には移動した様に見える)事で可能になります。このposition:relative;は、下記にありますように、通常の位置から相対的に移動する事が設定可能です。移動する場所の設定は、下記の様にそれぞれ移動したい方向に対して設定していきます。右からの位置この擬似要素は、headに書いてください。href="リンク先">マウスを合わせると、上から1px・左から2px移動。OPERAでは、下線が消える場合があります。▲スポンサードリンク無料メール情報誌ワンランクUP講座ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。スタイルブック全体レイアウトを実際のサイト事例を使用し、詳細までを解説。スタイルシートの使い方のバリエーションを知る事ができる1冊。Windows版Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。本ページのW3Cでの記述検証結果は下記をクリックすると見れます。