• ベストアンサー

Dreamweaver リンクの色

こちらでいろいろ検索してみたのですが、 よくわからなかったので質問させてください。 Deamweaver8を使っています。 index.htmlのページの#address部分だけリンクの色を変えたいです。 ページプロパティのリンクでページ全体のリンクの色を設定してあります。 既に質問されてた方の回答を見させていただいたのですが、外部CSSなどと書いてありました。外部CSSのやりかたがわかりません。 簡単にできる方法などありましたら教えてください。 お願い致します。

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

  • ベストアンサー
回答No.1

<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」という無料のテキストエディタを使っています。

参考URL:
http://www.htmq.com/index.htm
kii_123
質問者

お礼

できました!本当にありがとうございました。 もうひとつ質問なのですが、このaddress部分のリンクの 下線をなくす方法もご存知ですが? ご存知でしたら教えていただきたいのですが。 よろしくお願い致します。

その他の回答 (2)

回答No.3

address部分のリンクの下線をなくす方法 CSSファイルに #address a:link {text-decoration: none;} #address a:visited {text-decoration: none;}と書きます。 リンクの色を変えたり、下線をなくすと見映えは良くなります。 しかし、訪問者はどこにリンクがあるのか発見しづらくなります。 常連だけのサイトは別ですが、 不特定の人を対象にするサイトなら、大幅な変更はやめた方がいいと思います。

kii_123
質問者

お礼

大変勉強になりました。 本当にありがとうございました。

回答No.2

デザインビューで色を変更したい部分を選択、 プロパティーインスペクタ(プロパティーウインドウ)で文字の色を選択。

関連するQ&A

専門家に質問してみよう