- ベストアンサー
リンク文字の 一部だけ色を変える場合
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
>背景色を青い"#000099"にしてしまった部分が この部分は、特定のブロック要素に当たるはずです。 したがって、 <div class="menue"> <p><a href="">リンク</a></p> </div> だとすると、スタイルシートで div.menue a{ プロパティ:値} で指定すればよい。デザインのためだけに、idやclassをつけるのは、お勧めしません。メンテナンスが大変ですし、HTMLやCSSの考え方からは外れる。
その他の回答 (1)
- vancunt
- ベストアンサー率33% (2/6)
CSSを利用し、リンク文字にスタイルを設定してあげましょう。 例) ・<head>から</head>の中(</head>の上)に下記を記述 <style type="text/css"> <!-- a.linkA:link {color: #003399; text-decoration: underline;} a.linkA:visited {color: #003399; text-decoration: underline;} a.linkA:active {color: #003399; text-decoration: underline;} a.linkA:hover {color: #225599; text-decoration: none;} --> </style> ・色を変えたいリンクにクラスを設定 <a href="~~~" class="linkA">このリンクの文字の色を変える。</a>
お礼
投稿して頂きありがとうございます。 今回は時間がなかった為とりあえず <a href="">リンク</a> を <a href=""><font color="FFFFFF">リンク</font></a> としたことで変更致しました。 おそらく私のとった書き方はよくないやり方と思いますので 時間をみてお教え頂いたものをものを元に改善していきます。 ありがとうございました。
関連するQ&A
- リンクの色を2色で使い分けたい
はじめまして。 良かったらどなたか教えて下さい。 今、一枚のページを作っているのですが、背景色を"#ffffff"(白)とし、そのリンクを以下の様に指定しました。 <style type="text/css"> <!-- A { text-decoration: none} A:link {color:#000000;} A:visited {color:#ffffff;} A:hover {color:#ff6600;} --> </style> 「白地に黒文字リンク、オンマウス時はオレンジ」という指定です。 ところが、同じページ内でテーブルを組み、その背景を#000000と指定する事になりまして、その中にリンクを入れると、「黒字に黒文字リンク、オンマウス時はオレンジ」 でリンクの文字が見えなくなってしまいます。 hoverの効果(オンマウス時はオレンジ)の効果を残しつつ、リンク色を二色に分ける方法は無いでしょうか? (クラス指定の使い方がよく判ってないので、自分で指定するとエラーしか出ないのです)。 お忙しい所申し訳ございませんが、宜しくお願い致します。
- ベストアンサー
- HTML
- 同じページの中で既読リンク色を変えたい!![ビルダー7です]
ホームページビルダー7を使っています。 同じページの中で、既読リンクの文字色を部分的に変えたいのですが、[背景/文字色の設定]で既読リンクの色を変えると、ページ全体の既読リンクの文字色が変わってしまいます。 ページの中の一部分の既読リンクの文字色を変更する方法をご存知の方、教えてください。
- 締切済み
- ホームページ作成ソフト
- リンクさせると、そこだけ文字が大きくなってしまう
ホームページビルダーでサイトを作っているのですが、 スタイルマネージャーでリンクしている部分の下線を消す設定と、『マウスが上にあるリンク』を設定し、マウスがリンクの上に来たら文字の背景色が変わるようにしました。 するとプレヴューの画面だけでなく、ページ編集の画面でもリンクした部分の文字だけ大きくなっていることに気付きました。 そのため、表の配置が崩れてしまいます。 以前にほかのサイトを作ったときは、リンクしている部分の下線を消す設定をしましたが、文字の大きさは変わらなかったように思うのですが、背景色を変える設定をしたから文字は大きくなったのでしょうか? 出来たらリンクの際の背景色を変えても文字が変わらないようにしたいのですが、どのようにしたらいいでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- ■GoLive 6■テキストリンクの「CSS」設定について教えてください。
GoLive6を使っています。 通常、テキストのリンクは青文字ですよね? 濃色の背景の部分のリンクのみ白文字で、他は青文字にしたいのですが、設定に行き詰っています。 まず、 テキストリンクのルールを「CSSエディタ」でリンク表示を白に設定しました (a { text-decoration: none })。 次に、 ページ全体のテキストリンクが白になってしまうので、 青文字にしたいテキストをマウスで選択してテキストの色を青にしました。 すると・・・、 白文字リンクと青文字リンクが混在するページが完成! ・・・と、手持ちのマニュアルには書いてありますが、テキストの色を変えようがテキストにリンクが指定してあれば、当然CSSの設定により「白文字」にされてしまいます。 あたりまえのようですが、マニュアルにも書いてありますし、私の設定が間違っているのでしょうか? どなたかいい方法をご存知の方、ご教授お願い致します。
- ベストアンサー
- ホームページ作成ソフト
- WordPress「最近の投稿」のリンク文字の色
みなさまお世話になっております。 ブログ作成用にWordPressを使用しています。 テーマ背景画を暗めの画像に変更したところ、サイドバーの「最近の投稿」のリンクの文字が背景画の色とかぶって見にくくなりました。 自己紹介の文字はスタイルシート (style.css)「#secondary .widget」にcolorコードの項目があったので色コードを#ffffffへ変更したところ文字の色が白に変わりました。 続けて「最近の投稿」の過去のブログリストのリンク文字も白へ変更したいと思ったのですがどこを変更していいかわからない状態です。 いろいろ調べたのですが「最近の投稿」のリンク文字だけ変更できませんでした。 テーマは「Journalistic」というものを使用しています。 「最近の投稿」のリンク文字の色を変更するにはどのようにすればよろしいでしょうか。 エンジニア、有識者のみなさま、よろしくご指導願いします。 初心者のもので大変恐縮です。 お願い申し上げます。
- ベストアンサー
- その他(インターネット・Webサービス)
- ホームページビルダーでリンク文字の色を変えるには?
次のような場合,どのように設定すればよいのでしょうか?テーブルの中に文字(画像ではなく)を入れ,テーブル内の色を,例えば緑,そしてスタイルシートで文字を白に設定したとします。この文字をリンクボタンとして設定した後,ここにマウスポインタがきたとき,背景ではなく文字の色だけを別の色に変えたいのです。スタイルシートでA:HOVERの前景色を指定しても 変化しないのですが,どこが間違っているのでしょうか?
- ベストアンサー
- その他(ソフトウェア)
- バナーのリンクの周りに色が…
HTMLでホームページを作っているのですが、バナーにリンクを貼ると、バナーの周りにリンクの色がついてしまいます。 訪問済みなどのリンクを白に設定すると、他の文字にリンクさせたものも真っ白になってしまうのですが、バナーのリンクだけの色をなくす(又は背景の白色にする)ことはできるでしょうか? ちなみに、HTML4.01Traditionalで作成しています。 よろしくお願い致します。
- ベストアンサー
- HTML
- リンクをクリックして、その後、色が変わるんです。。
えっと、HPを作るのはかなりの初心なんですけど、 リンクを作って、トップページとか自己紹介ページとかにつなぐとして、 文字がクリックできるようになりますよね? それで、そのボタンをクリックしてから、 文字の色が変わってしまうのです、 それで、背景の色とかぶって読みづらくなってしまいます。 でも、背景はかえたくないので、 クリックしたあとの、文字の色のかえ方を教えてください!!
- ベストアンサー
- HTML
お礼
投稿して頂きありがとうございます。 今回は時間がなかった為とりあえず <a href="">リンク</a> を <a href=""><font color="FFFFFF">リンク</font></a> としたことで変更致しました。 おそらく私のとった書き方はよくないやり方と思いますので 時間をみてお教え頂いたものをものを元に改善していきます。 ありがとうございました。