- ベストアンサー
リンクの色、下線などの変更
しなちくと申します。よろしくお願いします。 ただいま個人ＨＰを作成していまして、リンクについて質問です。 オンマウスでリンクの文字色が変わり、かつ、オンマウスで下線を消したいのですが、どのようにしたらいいでしょう…？ ページ全体ではなく、テーブルの中だけの効果にしたいのですが… ご回答、お待ちしておりますm(_ _)m
- sinatiku2
- お礼率80% (17/21)
- ホームページ作成ソフト
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- Branche-06
- ベストアンサー率58% (10/17)
下記の方々の回答が正解ですが、sinatiku2さんはあまり詳しくないようななので、補足させて頂きます。 一番簡単な方法は、HTMLソースの<HEAD>～</HEAD>の間に下記をコピペしてください -------------------------------------------------- <style type="text/css"> <!-- a:hover.tdlink { color: #FF0000; text-decoration:none; background-color: #FFFF00; } --> </style> -------------------------------------------------- 『color: #FF0000;』がオンマウス時の文字色 『text-decoration: none;』でオンマウスで下線を消す 『background-color: #FFFF00;』これはオンマウスで文字に背景色をつけるタグなので、消しても構いません。 それから、この効果を反映させたいリンクのタグに『class="tdlink"』と追記してください。 ↓例 -------------------------------------------------- <A href="***.html" class="tdlink">ここをクリック！</A> -------------------------------------------------- これで『class="tdlink"』を追記したリンクにだけご希望の効果が反映されます。
お礼
ご回答ありがとうございます！ コピペで試させていただきまして、成功いたしました。ありがとうございます！ これから少しずつでも勉強して、せめてご回答いただいた事は理解できるようになりたいと思いますm(_ _)m
- ORUKA1951
- ベストアンサー率45% (5062/11036)
tableの子要素に別途スタイルシートを設定します。 こんな感じです。 table a:link{ color: rgb(0,0,255); background-color: inherit; } table a:visited{ color: rgb(0,0,136); background-color: inherit; } table a:hover{ color: rgb( 0,136,255); background-color: inherit; text-decoration: none; } table a:active{ color: rgb( 155,0,255); background-color:black; } table a[name]:hover{ color: inherit; background-color: inherit; } ★分かりやすくするため全角スペースでインデントさせています。 利用するときはタブに変換すること ってとこかな。<a na,e="">がある場合は、クラスセレクタとリンクの擬似セレクタで指定しておくこと。リンク擬似セレクタはこの順番で・・
お礼
遅くなりましてすみません、ご回答ありがとうございました！ 丁寧にご回答いただいて恐縮なのですが、当方、知識が乏しく調べてみたものの成功するに至りませんでしたorz <table cellspacing="0" width="75%" border="1"> <tr> <td> </td> </tr> </table> の、どこに挿入すればいいのでしょうか…？ よろしければお願いいたします。
お礼
確かに調べ方ちょっと変だったかもしれないです。サイトの方、大変勉強になりました。 重ね重ね、本当にありがとうございました！