- ベストアンサー
Dreamweaver リンクの色
こちらでいろいろ検索してみたのですが、 よくわからなかったので質問させてください。 Deamweaver8を使っています。 index.htmlのページの#address部分だけリンクの色を変えたいです。 ページプロパティのリンクでページ全体のリンクの色を設定してあります。 既に質問されてた方の回答を見させていただいたのですが、外部CSSなどと書いてありました。外部CSSのやりかたがわかりません。 簡単にできる方法などありましたら教えてください。 お願い致します。
- kii_123
- お礼率65% (23/35)
- ホームページ作成ソフト
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<head> <link rel="stylesheet" href="aaa.css" type="text/css" /> </head>とHTMLファイルに書いておきます。 ----- aaa.cssには a:link {color:#0030ff; background:transparent;} a:visited {color:#800080; background:transparent;} a:hover {color:#ffffff; background:#ff9933;} a:active{color:#ffffff; background:#ff0000;}と書けばすべてのリンクの色が変わります。 ----- #address a:link {color:#0033ff; background:transparent;} #address a:visited {color:#880088; background:transparent;} #address a:hover {color:#ffffff; background:#ff9933;} #address a:active{color:#ffffff; background:#ff0000;} と書けば、#address部分のリンクの色だけが変わります。 ----- 上記をコピペしてみれば分かると思いますが、*注 background transparentなどの意味が分からない場合は、 参考URLに行って検索してみてください。 ----- 根本的に理解しようと思ったら、 「CSSファイル ホームページ」などを グーグルやヤフーで検索してみてください。 -----*注 Dreamweaverなら大丈夫だと思いますが、 ホームページビルダーでは変な事が起きる可能性があります。 テキストエディタでやるか、 CSSファイル完全対応のHP作成ソフト、マイクロソフトのExpression Webをお勧めします。 ちなみに、私は「NoEditor」という無料のテキストエディタを使っています。
その他の回答 (2)
- 三郷北 M君（@mkun55555）
- ベストアンサー率47% (43/90)
address部分のリンクの下線をなくす方法 CSSファイルに #address a:link {text-decoration: none;} #address a:visited {text-decoration: none;}と書きます。 リンクの色を変えたり、下線をなくすと見映えは良くなります。 しかし、訪問者はどこにリンクがあるのか発見しづらくなります。 常連だけのサイトは別ですが、 不特定の人を対象にするサイトなら、大幅な変更はやめた方がいいと思います。
お礼
大変勉強になりました。 本当にありがとうございました。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
デザインビューで色を変更したい部分を選択、 プロパティーインスペクタ（プロパティーウインドウ）で文字の色を選択。
お礼
できました！本当にありがとうございました。 もうひとつ質問なのですが、このaddress部分のリンクの 下線をなくす方法もご存知ですが？ ご存知でしたら教えていただきたいのですが。 よろしくお願い致します。