ベストアンサー

リンクの色をそれぞれ違う色にしたいです。

2004/09/26 11:40

よろしくお願いします。ホームページビルダーでしたいことがあります。それは、同じページ内でリンクを何カ所が貼りたく、その何カ所か貼ったリンクの色をそれぞれ違う色にしたいと思っています。　試してみたのですが、ページのプロパティを開いて色指定のリンクの色を白に変えました。すると、全てのリンクが同じ白色になってしまいました。　リンクを貼ったのをそれぞれ違う色にするには何か方法があるのでしょうか？　　

torotoro2
お礼率75% (962/1271)

ホームページ作成ソフト
回答数6
ありがとう数7

みんなの回答 （6）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

perla
ベストアンサー率63% (67/105)

2004/09/26 12:33 回答No.4

スタイルシートでやるといいですよ。例：普通のリンクは青、他に赤と白に分けたいとき <style type="text/css">  </style> みたいな感じに<head></head>間に入れます。（既にスタイルシートが記述してあるなら、そこに a.aka:link { color: #cc0033; } a.aka:visited { color: #ffccff; } a.shiro:link { color: #ffffff; } a.shiro:visited { color: #ffffff; } を追加。）色を変えたいリンクのところを <a href="hoge.html" class="aka">リンクが赤く</a> <a href="hogehoge.html" class="shiro">リンクが白く</a> のように、class=" "で対応したものを指示してやればいいです。例の色やclass名は適当なんで、好きなように書き換えてください。色を変えたいところが一、二箇所と少ないならば <a href="hoge.htm" style="color:#cc0033">リンクが赤く</a> のように個別にstyleをつけるだけでもいいと思います。ビルダーでの操作は使った事がないので判りません。ファイルをテキストエディタ（メモ帳など）で開いてソースに追加すれば簡単に出来ます。

質問者

お礼 2004/09/26 12:54

ありがとうございました！そんなやり方があったなんて初めて知りました。スタイルシートはビルダーでするより自分で打った方がわかりやすいしいろいろできるんですね～

その他の回答 (5)

hime_mama
ベストアンサー率32% (1542/4716)

2004/09/26 12:49 回答No.6

ページ全体が対象になってしまいますが、リンクの下線を表示させない方法はスタイルシートでできます。 HTMLの<HEAD>～</HEAD>の間に下記を追加すればOKです。 <style TYPE="text/css">  </style> 上記ではリンクも訪問済みリンクも同じ色「#000080」にしていますが、色を変えない部分にあわせて替えてくださってOKです。スタイルシートについて知りたい場合は、下記のサイトをどうぞ。

参考URL：: http://documents.wolfram.com/v4-ja/index44.html,http://park16.wakwak.com/~html-css/

質問者

お礼 2004/09/26 12:56

いつもありがとうございます。下線消す事ができました。参考サイトで勉強してみたいと思います！

perla
ベストアンサー率63% (67/105)

2004/09/26 12:38 回答No.5

下線が出ないようにするにはやはりスタイルシートに a:link { color: #0000ff; text-decoration:none;} a:visited { color: #00cc66; text-decoration:none;} （以下続く…）のように書き加えます。

質問者

お礼 2004/09/26 12:55

下線消すことができました！ありがとうございました！

akamanbo
ベストアンサー率17% (462/2680)

2004/09/26 12:03 回答No.3

>ページのプロパティを開いてそれはページ全体の設定をするところなので、当然です。 #1さんのとおり、リンクの箇所ごとに色を変えればいいです。たぶん、リンク箇所の右クリックからその箇所の文字色を変えるのでも、その箇所を範囲選択してフォントの色指定をするのでも結果としてはできると思いますが、前者のほうが望ましいと思います。

質問者