リンクの文字が下に動く



0   名前: あゆこん : 2006/07/07(金) 21:22  ID:PAScpfmw
リンクの文字にカーソルを合わせると文字が下に動く方法がわかりません。教えてください。

1   名前: ????? : 2006/07/07(金) 21:22  ID:aOPhx/Xr
a:hover{position:relative;left:2px;top:2px;}
の設定で、onMouseで右下方向へ2px移動します。

2   名前: あゆこん : 2006/07/07(金) 21:22  ID:ELbDpt8r
?????さんa:hover{position:relative;left:2px;top:2px;}
の設定はどういふうに行えば良いのですか?初心者ですいません。

3   名前: カヅサツ ◆ThCi95HEzw : 2006/07/07(金) 21:22  [URL]  ID:O5hEMlpW
それはスタイルシートの1種である CSS です。
CSS の書き方は、このサイトに書いてあります。

CSSを使うなら、ページ内の見栄えに関する部分は、原則としてCSSに任せた方が良いです。

4   名前: ????? : 2006/07/07(金) 21:22  ID:pttsHF.b
<head>
<title>★★</title>

<style type="text/css">
<!--
a:link{text-decoration:underline;color:blue;} /*リンク設定*/
a:visited{text-decoration:none;color:silver;} /*訪問済み設定*/
/*オンマウス・クリックしたときの設定*/
a:active,a:hover{text-decoration:none;color:red;position:relative;left:2px;top:2px;}
-->
</style>

</head>
<body>
……………………………………………
上記<style>〜</style>を<head>内に記述してください。
後は>>3 カヅサツさんの おっしゃるとおりです。tag-index内にも解説されていますのでCSSを参照されてはどうでしょう。

5   名前: あゆこん : 2006/07/07(金) 21:22  ID:o791VmFr
?????さん、カズサツさんいろいろ教えて頂きありがとうございました。

一覧へ戻る