- ベストアンサー
ホームページリンク時の下線
基本的なことで申し訳ありません。 私は今、ホームページを作成しています。 リンクをはったところの下に出る下線を出さずに リンクを貼りたいと思うのですがやり方分かる方おしえてください。
- みんなの回答 (6)
- 専門家の回答
質問者が選んだベストアンサー
それは、スタイル・シートで簡単にできます。 次のような文章を、</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)
こうするとハイな気分になれます。 <P>基本的なことで申し訳ありません。 <BR> 私は今、ホームページを作成しています。 <BR> <A style="TEXT-DECORATION: overline" href="http://www.okweb.ne.jp/">リンク</A>をはったところの下に出る下線を出さずに <BR> リンクを貼りたいと思うのですがやり方分かる方おしえてください。</P>
- tim2
- ベストアンサー率32% (61/188)
text-decoration:none:を使用します。 <a href="http://"style="text-decoration:none;">a</a> スタイルシートに関して記載されているサイトを御参考ください。↓
- ittochan
- ベストアンサー率64% (2667/4137)
こうしてもできます。 <P>基本的なことで申し訳ありません。 <BR> 私は今、ホームページを作成しています。 <BR> <A style="TEXT-DECORATION: none" href="http://www.okweb.ne.jp/">リンク</A>をはったところの下に出る下線を出さずに <BR> リンクを貼りたいと思うのですがやり方分かる方おしえてください。</P>
- satomixyz
- ベストアンサー率37% (18/48)
<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)
<head></head>の間に以下を追記してください <style type="text/css"> <!-- A{text-decoration: none; }--> </style>