- ベストアンサー
リンクの色、下線などの変更
しなちくと申します。よろしくお願いします。 ただいま個人ＨＰを作成していまして、リンクについて質問です。 オンマウスでリンクの文字色が変わり、かつ、オンマウスで下線を消したいのですが、どのようにしたらいいでしょう…？ ページ全体ではなく、テーブルの中だけの効果にしたいのですが… ご回答、お待ちしておりますm(_ _)m
- sinatiku2
- お礼率80% (17/21)
- ホームページ作成ソフト
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートですから、<head>～</head>内か、外部スタイルシートに書きます。 ここで書くには長すぎますので はじめてのWebドキュメントづくり「色を変えてみたりする」 http://www.asahi-net.or.jp/%7Esd5a-ucd/www/coloring.html とか、 CSS解説 http://anslasax.net/css-make/index.html などで勉強してください。 しかし、 「当方、知識が乏しく調べてみたものの成功するに至りませんでしたorz」 は、深刻です。貴方が参考にされている本かサイトは間違っている可能性が大です。すくなくとも、とんでもない遠回りをしている。 参考にあげたサイトのトップ はじめてのWebドキュメントづくり http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ を最初に読んでください。 HPとは、世界的にはヒューレッドパカッード社の商標です。ホームページの略という意味だと想像しますが、ホームページの本来の意味はブラウザを起動したときに最初に表示されるページです。「ホームページをどこに設定していますか？」 『僕はGoogle』『私Yahoo』『俺はブックマーク』 貴方の場合、 「ただいま個人ウェブサイトを作成していまして、リンク（の表示方法について）について質問です。」 という意味です。ウェブを利用する限りにおいてはさして問題になりませんが、自分がサイトの構築者となると、とても困ったことになります。 なお、サンプルコードは、全角スペースを含んでいます。このサイトの仕様で行頭の半角スペースは消されるからです。必ずタブなり半角スペースに書き換えて利用してください。 【HTMLの唯一よりどころにすべき資料】 HTML 4.01 仕様書(邦訳) http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html スタイルシートとHTMLの関係はについては、この仕様書の 14 スタイルシートにあります。 http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html
その他の回答 (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> の、どこに挿入すればいいのでしょうか…？ よろしければお願いいたします。
お礼
確かに調べ方ちょっと変だったかもしれないです。サイトの方、大変勉強になりました。 重ね重ね、本当にありがとうございました！