img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

触れると文字位置


リンク文字の位置を変える

  ie6 nn7 op8

スタイルシートの指定で、リンク文字に触れると文字の位置が変わります。
以下のソースを、htmlソースの<head></head>で囲まれた部分に書き込んで下さい。

 “数値” と書かれてある箇所は、移動させたい数値を入れて下さい。
 単位は pt(ポイント) px(ピクセル) cm(センチメートル) mm(ミリメートル)など指定。
 例 : 2px、2pt、等 (サンプルは全て2pxになっています)



■ 文字を右に移動させる   文字を右に動かす




■ 文字を左に移動させる   文字を左に動かす




■ 文字を上に移動させる   文字を上に動かす




■ 文字を下に移動させる   文字を下に動かす




■ 文字を右下に移動させる   文字を右下に動かす




■ 文字を左下に移動させる   文字を左下に動かす




■ 文字を右上に移動させる   文字を右上に動かす




■ 文字を左上に移動させる   文字を左上に動かす




ちなみに…styleを設定して画像(ボタン等)にリンクを付ければ同様に動きます。(^^)

例: 触れてみて→ sample