リンクの文字が下に動く
-
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
- ?????さん、カズサツさんいろいろ教えて頂きありがとうございました。