• ベストアンサー

リンクの下線を消す

リンクを貼ると出るアンダーラインを、出ないようにするにはどうしたらよいのでしょうか? できれば、Dreamweaverでのやり方を教えていただけないでしょうか? 多分スタイルシートだと思ったのですが...。 どうぞご存知の方よろしくお願いします。

  • CSS
  • 回答数2
  • ありがとう数4

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

  • ベストアンサー
  • monlonlon
  • ベストアンサー率58% (10/17)
回答No.2

>Dreamweaverでのやり方教えていただけないでしょうか? ということですので、ページ内の全てに下線を表示させない場合は 1)リンクを貼りたい文字を選択してリンクさせます。 2)リンクを貼った文字を選択した状態で   「テキスト」メニュー→「CSSスタイル」→「スタイルシートの編集」を選択 3)表示される「スタイルシートの編集」ダイアログで「新規作成」ボタンを押す 4)表示される「新規CSSスタイル」ダイアログで以下のように設定します。    「タグ」→「a」を選択    「タイプ」→「HTMLセレクタと疑似クラスの使用」を選択    「定義場所」→「現在のドキュメントのみ」を選択 5)表示される「a用のCSSスタイル定義」ダイアログで下記のように設定します。    右のカテゴリから「タイプ」を選択    「タイプ」のメニューから「飾り」→「なし」を選択 以上で下線が表示されません。

omiyage
質問者

お礼

ご回答ありがとうございます! できました! 丁寧なご回答大変感謝いたします。 助かりました!

その他の回答 (1)

  • onimotsu
  • ベストアンサー率36% (279/758)
回答No.1

text-decoration : noneを使います。 例えば <A style="text-decoration : none;" href="***.htm">111</A> ページ内の全てに下線を表示させない場合は <STYLE type="text/css"> <!-- A{ text-decoration : none; } --> </STYLE> </HEAD> <BODY> <A href="***.htm">111</A> とした方が簡単です。

omiyage
質問者

お礼

ご回答大変ありがとうございます! これをheadのなかに書けばよいのかな? ちょっとやってみます。 ありがとうございました!

関連するQ&A

  • HPでリンクの時の下線を表示しない方法を教えてください。

    Dreamweaver4を使っています。 リンクの時の下線を表示しない方法を教えてください。 1ページだけ、使いたいのです。 タイルシートのCSSセレクタと擬似クラスの使用を使って出来ると本に書いてありましたが、やり方がわかりません。 a:hoverでリンクの色を変えるところはわかったのですが、リンクの下線の設定のあるところはわかりませんでした。 htmlの知識も乏しいのですが、ソースのunderlineのところをさわったりしても、出来ませんでした。 宜しくお願いします。

  • リンク下線の消し方

    DREAMWEAVER MX 初心者です。 リンクの下線を消したいのですが、どうすればよいのか 全くわかりません。 自分で調べてみたのですが、よくわかりません。 宜しくお願いします。 ちなみに、ソースでは下記のようになっています。 <a href="http://www.○○○.jp" class="style4">消したい言葉</a>

  • マウスオンしたときにリンクの色を変えて下線を消したいのですが

    マウスオンしたときにリンクの下線を消してリンクの色も変えたいのですが、html記法では無理ですかね? スタイルシートでやると全体のリンクの色が変わってしまうのでhtml記法じゃないと駄目なんです、指定した部分のみを変えたいので。 ご存知の方いらっしゃいましたらよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 同ページ内のリンク下線が消えない

    スタイルシートにて、ホバーとアクティブ以外はリンク線が出ないようにしています。 通常は問題ないのですが、同ページ内にリンク先があり、 一度クリックすると下線が表示されたままになってしまいます。 同ページ内リンクが複数あり、それらをクリックするとクリックした分のリンク線が表示されたままになってしまい、困っています。 IEですと問題ないようなのですがChromでこうなってしまいます。 下記のように記述してあります。 お知恵を拝借できますでしょうか。 a:link { text-decoration:none; color:#333333; } a:visited { text-decoretion:none; color:#333333; } a:hover { text-decoration:underline; color:#3333FF; } a:active { text-decoration:underline; color:#3333FF; } a{ text-decoration:none; }

    • ベストアンサー
    • CSS
  • CSS ある場所だけリンク時に下線表示

    タイトルの通りなのですが、ページ全体ではなく 特定の場所のテキストリンクにオンマウスしたら 下線が表示されるようにしたいんです。 スタイルシートの書き方にとまどっており、 <div style="~"> で始めて </div> で閉じ、 a:link {color: #ffffff; text-decoration: none} a:hover {color: #ffffff; text-decoration: underline} を使うところまではわかるのですが…。 どなたか正しい記述を教えていただけないでしょうか?

  • リンクの色と下線について教えてください。

    リンクの色と下線について教えてください。 無料ブログを利用しているのですが、スタイルシートによっては、リンクがピンク色で下線が消えている物があります。 そこで、<span>タグを使ってリンクの色と線を青にしたいのですが、どのように書けばいいのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • 一部のリンクの下線を消す

    リンクの色などの設定をスタイルシートで行っているのですが、一部のリンクしている文字の下線を消したいとの依頼がありました。このような時に使えるタグはありますか? {text-decoration:none} を使うと今までのリンク全部の下線が消えてしまいますので困っています。

    • ベストアンサー
    • HTML
  • リンクの下線を消す方法

    HTMLを書いているのですが、 文字にリンクを貼った時、文字の下に下線が出ますよね? 環境によっては出たり出なかったりするようですが、 スタイルシートを使わずに、その下線を消す方法を、どなたか教えて下さい。

  • onMouseoverで下線表示したい(リンクではないテキスト)

    リンクではないテキスト部分に <a onMouseover="this.style.textDecoration='underline'" onMouseout="this.style.textDecoration='none'"> を入れるとリンクではないテキスト部分に下線がつくのですが、同じテキストに<onclick="document.all.d.style.display= document.all.d.style.display=='none'?'':'none'"> という別の場所に別のテキストを表示する支持を入れたいのですが、一緒に入れてしまうと動いてくれません…どうしたらよいか教えてください。

    • ベストアンサー
    • HTML
  • HPB8 スタイルシートなしでリンク下線を消せる?

    こんにちは。 スタイルシートを使ったことがないので、よく分からないのですが スタイルシートなしでリンク下線を消せますか?