• ベストアンサー

ホームページリンク時の下線

基本的なことで申し訳ありません。 私は今、ホームページを作成しています。 リンクをはったところの下に出る下線を出さずに リンクを貼りたいと思うのですがやり方分かる方おしえてください。

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

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

  それは、スタイル・シートで簡単にできます。 次のような文章を、</HEAD> と<BODY >のあいだに入れます: </HEAD> <STYLE type="text/css"> <!-- A:link {text-decoration: none; color: #0000ff} A:visited {text-decoration: none; color: #00ff00} A:active {text-decoration: none; color: #ff00aa} A:hover {text-decoration: none; color: #ddddff} --> </STYLE> <BODY bgcolor="#…… > これは、リンクに関して、色と、リンクに付けるアクセサリを指定しています。text-decoration: none とは、リンクの文字に付ける装飾は「なし」という意味です。ここを、「下線」に対応する記号を入れたり、イタリック体指定などを入れると、リンクについて、その指定した装飾が出てきます。 Link は普通のリンクで Visited は、一度尋ねたリンクで Active は、リンクを押したとき、リンクの文字の色が変化する色で Hover は、リンクにカーソルが触れると、自動的に、指定した色に、リンクの文字の色が変化します。 それぞれ、「装飾」を付けると面白い効果が出ます。   

その他の回答 (5)

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.6

こうするとハイな気分になれます。 <P>基本的なことで申し訳ありません。 <BR> 私は今、ホームページを作成しています。 <BR> <A style="TEXT-DECORATION: overline" href="http://www.okweb.ne.jp/">リンク</A>をはったところの下に出る下線を出さずに <BR> リンクを貼りたいと思うのですがやり方分かる方おしえてください。</P>

  • tim2
  • ベストアンサー率32% (61/188)
回答No.5

text-decoration:none:を使用します。 <a href="http://"style="text-decoration:none;">a</a> スタイルシートに関して記載されているサイトを御参考ください。↓

参考URL:
http://www.eva.hi-ho.ne.jp/misteroz/hpmaster/HP1.html
  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.3

こうしてもできます。 <P>基本的なことで申し訳ありません。 <BR> 私は今、ホームページを作成しています。 <BR> <A style="TEXT-DECORATION: none" href="http://www.okweb.ne.jp/">リンク</A>をはったところの下に出る下線を出さずに <BR> リンクを貼りたいと思うのですがやり方分かる方おしえてください。</P>

  • satomixyz
  • ベストアンサー率37% (18/48)
回答No.2

<HEAD>~</HEAD>に以下を入れるとできます。 <style TYPE="text/css"> <!-- A:link{text-decoration:none;} A:active{text-decoration:none;} A:visited{text-decoration:none;} A:hover{text-decoration:none;} --> </style>

  • shy00
  • ベストアンサー率34% (2081/5977)
回答No.1

<head></head>の間に以下を追記してください <style type="text/css"> <!-- A{text-decoration: none; }--> </style>

関連するQ&A