• 締切済み

ホームページビルダー10 スタイルシート

ホームページビルダー10 スタイルシートで、 リンクの入った文字を、カーソルを上にすると、色が変わる(HOVER)非表示のリンク(LINK)表示のリンク(VISITED)があり、リンクの文字の色を変えることができますが、設定すると、そのページのリンクの文字がすべて同じ設定になってしまいます。 例えば、ある文字は HOVERは赤 LINKは白 VISITEDは緑 同ページのほかの文字はHOVERは黒 LINKは黄 VISITEDは青 のように個別に設定したいのですが、 よくわかりません。classを使って、できるというようなことが書いてありますが、よく設定の仕方がわかりません。ご教授お願いいたします。

みんなの回答

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

 ホームページビルダーでリンクの文字の色が変わるように設定する方法は、こちらです↓ http://www.setuyaku-city.net/biruda/stylesheet/hps32.html  また、クラスのスタイルを設定は、↓ http://www.setuyaku-city.net/biruda/stylesheet/hps12.html  ただし、合せてするには、「HTMLソース」を直接編集するしかないでしょう。例↓ <html><head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <style type="text/css"> <!-- a.class1:link&nbsp;{color:yellow;} a.class1:visited&nbsp;{color:blue;} a.class1:hover&nbsp;{color:green;} a.class1:active&nbsp;{color:red;} } --> </style> </head> <body> <a href="http://oshiete.goo.ne.jp/">通常のリンク</a><br><br> <a href="http://www.goo.ne.jp/" class="class1">class1のリンク</a> </body> </html>

simokuragakki
質問者

お礼

クラスに対しての、追加を行えばいいとは思っていたのですが、参考になりました。

すると、全ての回答が全文表示されます。
noname#19206
noname#19206
回答No.1

例: *CSSの設定 a.sample1:link{color:white;} a.sample1:visited{color:green;} a.sample1:hover{color:red;} a.sample1:active{color:red;} a.sample2:link{color:yellow;} a.sample2:visited{color:blue;} a.sample2:hover{color:black;} a.sample2:active{color:black;} *HTMLタグ <a href="http://www.google.co.jp/" class="sample1">サンプル1のリンク</a> <a href="http://www.yahoo.co.jp/" class="sample2">サンプル2のリンク</a> コレで如何でしょうか?

参考URL:
http://www.tagindex.com/stylesheet/basic/format2.html
simokuragakki
質問者

お礼

ありがとうございます。やはりHTML直接編集しかないようですね。いろいろやってみます。

すると、全ての回答が全文表示されます。

関連するQ&A