 Re: オンマウスで文字色・枠内色の変更 ( No.1 ) |
|
|
| Re: オンマウスで文字色・枠内色の変更 ( No.2 ) |
- 日時： 2007/11/05 19:36
- 名前： やす
- 参照： http://101064.gozaru.jp/
- ありがとうございます！！！
最後に教えて頂いたサイトで挑戦してるのですが、リンクの文字色が青から
変えられないのですが･･･。
クリックした後も、リンク色を変えずに、常に「枠内の色を赤」「文字を白」との
反転だけにしようと思えば、どうしたらよいのでしょう？？
ページ全体ではなく、この部分だけの設定のやり方を教えて戴ければと思います。
|
| Re: オンマウスで文字色・枠内色の変更 ( No.3 ) |
- 日時： 2007/11/06 10:05
- 名前： Newのり太
- > 最後に教えて頂いたサイトで挑戦してるのですが、リンクの文字色が青から
> 変えられないのですが･･･。
> クリックした後も、リンク色を変えずに、常に「枠内の色を赤」「文字を白」との
> 反転だけにしようと思えば、どうしたらよいのでしょう？？
>> 文字色、背景色などはお好みで。
a.widelink { display: block; width: 100%; text-decoration: none; }
サンプルでは、文字の色や背景色は設定されていません。
ですので、↑に、お好みのスタイル（color: white; background-color: red; ですか）
を加えればよいかと。
# サンプルでは、「枠内の色」は、表のセルの属性で背景色を設定しちゃってます。
# せっかくスタイルシートを使ってるのになんだかな〜。って気がしないでもない。
>>> マウスがリンク上にある時、色を反転させたいのです。
a.widelink:hover { background-color: #ffff99; color: red; }
↑これがクラスwidelinkの「マウスがリンク上にある時」のスタイルです。
反転なら、color: red; background-color: white; ですね。
> ページ全体ではなく、この部分だけの設定のやり方を教えて戴ければと思います。
いや、ですから、そのようなサンプルを提示しています。
提示したサンプルでは、すべて（ページ全体ではなく）特定の箇所にのみ
スタイルを与えています。
上記サンプルも、クラスが"widelink"であるリンクのみにスタイルが適用されます。
その他のリンク部分は、特にスタイルを与えない限り、
ブラウザデフォルトのスタイルになります。
ホームページビルダーでのやり方は下記などが参考になるかと。
http://www.wsb.jp/hpb/css/link.htm#05
ただし、理屈がわかっていないとかえってややこしいかもしれません。
逆に、（HTMLと）スタイルシートの基本的なことがマスター出来れば
いろいろ応用が利くようになると思います。
http://www.kanzaki.com/docs/htminfo.html
# 適当な解説ページを捜せなかったんでド定番をはってみる。
|
| - ( No.4 ) |
- 日時： 2011/12/04 23:25
- 名前： d251.osa20nn1fm11.vectant.ne.jp
- #SPAM
|
この質問記事は解決しています。
オンマウスで文字色・枠内色の変更