<a href="リンク先" target="_blank" style="text-decoration: none;">
<font size="-1" color="405050" onMouseOver="this.style.color='#dc143c'" onMouseOut="this.style.color = '#405050'">
文字列</a></font>
というタグで、マウスオーバーで文字色が変わるように
しています。
下線を常時表示させてもいいのですが、
表示させると文字が読みにくくなってしまうので、
マウスオーバー時のみ下線を表示させ、
文字色も変えるタグはないでしょうか?
出来れば上記のようにタグに直接挿入する
ものが希望です。よろしくお願いいたします。
No.4ベストアンサー
- 回答日時:
もし、それぞれのカテゴリごとにリンクも色分けしたいという事だけが理由なのでしたら、
cssでも実現可能なので1の方の補足をしますね。
----------------------------------------
<style type="text/css">
<!--
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
a.game{ color: #405050; }
a:hover.game{ color: #dc143c; }
a.anime{ color: #0000ff; }
a:hover.anime{ color: #00ffff; }
}
-->
</style>
<a href="リンク先" target="_blank" class="game"><font size="-1">ゲーム</font></a><br>
<a href="リンク先" target="_blank" class="anime"><font size="-1">アニメ</font></a>
----------------------------------------
というように「.moji」で、タグの要素に「class="moji"」があるものにのみ指定したcssを有効に出来ますので、これによってカテゴリごとに色をわけられては如何でしょうか?
css使わない方法も思い浮かびますが、支障がないのでしたら、この方法を使うことをお勧めします。
ありがとうございます。
そうなんです、カテゴリーの色分けをリンクの文字列に反映したいだけなんです。
わかりやすく説明していただいて、とてもよく解りました。
この方法でやってみたいと思います。
ありがとうございました。
No.3
- 回答日時:
ごめんなさい
<a href class=type1>リンク1</a>
<a href class=type2>リンク2</a>
でいけそうです
ありがとうございます。
なるほど、こんな方法がありましたか。
勉強不足でした(^^;)
参考になりました。ありがとうございます。
No.2
- 回答日時:
<style type="text/css">
<!--
.type1 a:link{
color:普通時の文字色;
}
.type1 a:visited{
color:リンク後の文字色;
}
.type1 a:active{
color:クリック中の文字色;
}
.type1 a:hover{ color:触れた時の文字の色;
border-bottom:1px solid 触れた時の下線の色;
}
.type2 a:link{
color:普通時の文字色;
}
.type2 a:visited{
color:リンク後の文字色;
}
.type2 a:active{
color:クリック中の文字色;
}
.type2 a:hover{ color:触れた時の文字の色;
border-bottom:1px solid 触れた時の下線の色;
}
-->
</style>
として
<span class=type1><a href>リンク1</a></span>
<span class=type2><a href>リンク2</a></span>
とすればいいと思います
No.1
- 回答日時:
初めまして。
どうしても直接にタグを入れなきゃ駄目でしょうか?
CSSを使うととても楽ちんなのですが・・・^^;
検索して色々と探してみましたが、見つからなかったので直接入力に関しては他の人に託してみます(笑)
もしCSSに挑戦されるのであれば、
とても簡単なので参考になさってください。
リンク一括指定です。
<HEAD>~</HEAD> の間に
<style type="text/css">
<!--
a:link{
color:普通時の文字色;
}
a:visited{
color:リンク後の文字色;
}
a:active{
color:クリック中の文字色;
}
a:hover{ color:触れた時の文字の色;
border-bottom:1px solid 触れた時の下線の色;
}
-->
</style>
ご要望の回答でなくて申し訳ありません
この回答への補足
早速のご回答ありがとうございます。
自分でもまだ方法がないか探してみてはいるのですが、
最終的に方法がなければcssしかないかなと思っております。
ただ、この方法だとリンクを貼った全部の文字列が
全て同じ色になってしまいますよね?
この「色」の部分がけっこう重要なところなんです。
カテゴリー別に色分けされているので、
リンク部分も色分けできればなぁと思っているのです。
せっかくご回答いただいたのに、申し訳ない(^^;)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSを一部無効にしたい
-
アコーディオンメニューが思う...
-
アンダーラインのカラー
-
特定の文字のみcssを適用するに...
-
ブラウザによって異なるフォン...
-
<input type="file"> の幅
-
HTMLの効力が発動しない!
-
全角半角含めて等幅で表示したい
-
HTMLとCSSの違い
-
A:link等の指定をstyle属性でタ...
-
CSSについて教えてください。 ...
-
PC版のサイトをスマホに対応さ...
-
CSSのid名class名の重複回避方...
-
DreamWeaverで</head>の前のス...
-
リンク文字
-
background-color: #ddd;の意味...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
outlook 文字を揃えたい。tab...
-
「MS Pゴシック」と同じ幅の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて教えてください。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
特定の文字のみcssを適用するに...
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
リンク文字
-
アコーディオンメニューが思う...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
<pre>のフォントサイズを指定す...
-
上付き文字と下付き文字を同時...
-
指定の文字だけ色を変える
-
background-color: #ddd;の意味...
-
CSSを一部無効にしたい
-
h1タグのパンくずリストへの設置
おすすめ情報