• ベストアンサー

リンクを設定した文字の上にマウス(カーソル?)を乗せると色が変わる!

だれか、HTMLの記述で教えてください。 文字の背景の色が変わる、じゃなくて、 文字の色を変えたいんです。 (クリックする前マウスを乗せるだけで)。

  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • the845t
  • ベストアンサー率33% (246/743)
回答No.3

スタイルシートを利用します。 head内に、 <style> <!-- a:hover { color:#eeffdd; } a:link { color:#ddcc45; } a:visited{ color:#dc143c; } --> </style> とすれば可能です。 a:hoverがマウスが上に来た時、残りはそれぞれ、 デフォルトのリンク色、既読リンクの色となります。

cocoa1234
質問者

お礼

ありがとうございます! 書かれてある通りやったら成功しました。 感謝ですm(__)m

その他の回答 (2)

回答No.2

参考URLなんかですかね。。 他には・・・ http://www.interq.or.jp/pink/taka1112/javascript/ とか。。

参考URL:
http://www4.ocn.ne.jp/~tomotan/javascripts/tip077.htm
cocoa1234
質問者

お礼

ありがとうです!できました。

回答No.1

<a href="../2.htm" style="cursor:ne-resize">カーソル1</a> <a href="../2.htm" style="cursor:nw-resize">カーソル2</a> <a href="../2.htm" style="cursor:se-resize">カーソル3</a> <a href="../2.htm" style="cursor:sw-resize">カーソル4</a> <a href="../2.htm" style="cursor:n-resize">カーソル5</a> <a href="../2.htm" style="cursor:s-resize">カーソル6</a> <a href="../2.htm" style="cursor:w-resize">カーソル7</a> <a href="../2.htm" style="cursor:e-resize">カーソル8</a> <a href="../2.htm" style="cursor:move">カーソル9</a> <a href="../2.htm" style="cursor:wait">カーソル10</a> <a href="../2.htm" style="cursor:hand">カーソル11</a> <a href="../2.htm" style="cursor:crosshair">カーソル12</a> <a href="../2.htm" style="cursor:help">カーソル13</a> -------------------------- こんな感じですが。 styleのところを変えてくださいね・

cocoa1234
質問者

お礼

どうもありがとうございますm(__m

関連するQ&A

  • マウスが上にあるリンク

    HPビルダー7です。 マウスが上にあるリンクで文字の色が変わりません。 表示→スタイルシートマネージャー→追加→スタイルの設定→HTMLタグの候補→マウスが上にあるリンクで 設定しますが変わりません。 カラーと背景では「前景色」と「後景色」だけで、文字のバックの色は変化しますが、文字そのものの変更が出来ません。 文字の色そのものをマウスを置いたら変わる方法をご教授下さい。HPビルダー7のソフト内でお願いします。

  • ホームページのリンクの色の設定について

    HTMLの記述においてリンクの色の設定は(link vlink alink)の3種類があると思いますが、 マウスを置いた時の色の指定はHTMLでは出来ないのでしょうか? マウスを置いた時の色はいつも「赤」になるようですが、これを変えるにはスタイルシートを 使わなければならないことになるのでしょうか?

  • カーソルを当てると文字色が変わる方法は?

    よろしく。質問タイトル通りです。リンクの所の文字にカーソルを持ってくると色が変わる方法です。 ホームページビルダー7を使用してます。一応やり方として [表示]-[スタイルシート マネージャー]で表示して、[追加]をクリックし、[スタイルの設定]ダイアログの[HTMLタグの候補]を[マウスが上にあるリンク A:HOVER]を選択し、あとはリンクをポイントしたときに変更させたい色を指定。([カラーと背景]タブの[前景色]で文字の色が変わるはず。)を設定してOKをクリックしても反映されません。何か、抜けてますでしょうか?

  • リンク後の色設定

    私はテキストエディタ(メモ帳)で直接HTMLタグを入力してホームページを作っているのですが 一つ、困ったことがあります。 それは、リンクの色のことです。 普通リンクの色を設定する場合、<body link=色>なのですが、これはあくまでクリックする前の話。 私が問題視してるのは、『クリックした後』なのです。 通常の設定では、クリック後は紫のような色になりますが、私のホームページは背景が黒なので、非常に見難いものとなってしまいます。 そこをなんとか改善するためにも、クリック後のリンクの色の設定をしたいのです。 どなかたやり方をご存知の方、またはその詳細が載っているホームページをご存知の方は、どうか助けてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • マウスカーソルを置くとリンク文字の背景の色が変わるようにしたい

    http://www.ecmanderson.net/ 上のサイトの左のメニューのようにカーソルを置くと文字の背景の色が変わるのはどうすれば良いのでしょうか? (上のサイトと同じでも構わないです) 画像を変えるロールオーバーとは違うのでわかりません、どなたか教えてくださいませんか?

    • ベストアンサー
    • Mac
  • ホームページ上でマウスがリンクする文字の上に行くと色が変わるのは?

    初心者で、ホームページビルダー2001を使っています。ホームページ上でマウスがリンクする文字の上に行くと文字(画像ではなく文字です)の色が変わるのは・・・どう言う名前で、どの様にすれば出来るのでしょうか?また、データ-はたくさん必要としますか?宜しくお願い致します。

  • ホームページ作成で、リンクテキストにマウスをあてると色が変わるようにするには?

    ホームページ作成初心者です。 ちなみに「ホームページビルダー」を使用しています。 リンクテキストにマウスをポイントすると、ポイントしている間だけ赤く表示され、 さらにクリック後は紫色に表示されるホームページがよくあります。 パスワード付きリンクについて、それと同じ設定になるようにしたいのですが、 どうしてもうまくいきません。 調べてみたところ「ホーバーをかける」ということのようで、 「表示」 → 「スタイルシートマネージャー」 → 「追加」 → 「HTMLタグの候補」 → 「マウスが上にあるリンク」 → 「色と背景」 → 「前景色」 → 「赤」 → OK のように操作しました。 HTMLソースの<HEAD>と</HEAD>の間には <STYLE type="text/css"> <!-- A:HOVER{ color : red; } --> </STYLE> と表示されています。 ところが、実際のホームページを開くと、ポイントしても文字が赤くならず、 クリックするとパスワードを要求する画面が出ます。 さらに、パスワード付きリンクでなければポイントの際に赤く表示されるのかと思い、 パスワードなしのリンクに変更した後、実際のホームページを開くと、ポイント しても文字の色は多少変わるものの、赤ではありません。 対策をご教示いただければ幸いです。

  • マススポインタがリンクの上に乗ると色が変わる設定方法

    ホームページを作成中です。 リンクの上にポインタを置くと、背景色と文字色を変えるようにしたいのですが、 それについてはこちらの以前からの質問で、 テキストエディタの<head>~</head>内に、 <style type="text/css"> a:link { color:blue; text-decoration:none; } a:visited { color:green; text-decoration:none; } a:active { color:pink; text-decoration:none; } a:hover { background-color:yellow; color:red; text-decoration:underline overline; } </style> と入れると色が変わるようになることを知りました。 その場合、そのままの状態では文字は緑色、マススを乗せると背景が黄色で文字色が赤色に、 クリック後はピンク色の文字に変わるようになると思います。 『a:link { color:blue; text-decoration:none; }』の部分はどこに生かされているのかわかりません。 この部分は一体何の意味があるのでしょうか? また、上記をテキストエディタに貼り付けてしまうと、リンク部分が全てそうなってしまいますよね? マウスを乗せた時には同じ背景色・文字色になってもいいのですが、 何もしない状態(見た目、上記で言う何もしない状態の時)にそれぞれに色を変える場合はどのようにすればいいのですか? 例えると、下記3項目にそれぞれリンクテキストが貼り付けてあるとして、   あいうえお  → ここは青色に   かきくけこ  → ここはオレンジ色に   さしすせそ  → ここは黄色に      する場合、 どのような操作(作業)をすればそのとおりの色に変えることができるでしょうか? とても解りづらい質問ですみませんが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 文字の色で、スケルトンのような色の設定

    背景や文字の色で、スケルトンのような色の設定って出来ますか? 一応、背景を透明にする、テーブルの背景を透明にするタグは知っていますが、納得いきません。下記のタグを使っています <table width="600" border="0" td style="background-color:#CCFFFF;filter:alpha(opacity=15);"> 確かに、透明?なんですが、マイクロソフトなどのサイトを見ると、輝く透明みないな感じの色が使われていますが、HTMLでこのような色を使う事は出来るんですか?

    • ベストアンサー
    • HTML
  • 訪問後のリンク文字の色

    検索はしたのですがなかったのでお力をお借りします。 リンク色で、訪問前は黒、カーソルを置くと背景が黒・文字が白、訪問直後に赤、他を訪問すると黒に戻る、というように色を設定したいのですが、どうしても直後に赤だけができません。 スタイルシートに記述したいので、スタイルシートでの書き方を教えていただけないでしょうか

    • ベストアンサー
    • HTML

専門家に質問してみよう