OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

HTMLでリンクのしたの下線を消すには

  • 暇なときにでも
  • 質問No.114139
  • 閲覧数103
  • ありがとう数1
  • 気になる数0
  • 回答数3
  • コメント数0

お礼率 10% (18/177)

HTMLでリンクをしたのですがデザイン上下線部を消したいのです。どうすれば消すことができるでしょうか?
通報する
  • 回答数3
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全3件)

  • 回答No.1
レベル9

ベストアンサー率 19% (15/78)

下線を表示させないようにするにはスタイルシートのtext-decoration:none;を指定します。 <A HEAD="http://...." STYLE="text-decoration:none;">リンク</A> でいけるはずです。
下線を表示させないようにするにはスタイルシートのtext-decoration:none;を指定します。

<A HEAD="http://...." STYLE="text-decoration:none;">リンク</A>

でいけるはずです。

  • 回答No.2
レベル11

ベストアンサー率 42% (103/245)

複数のリンク下線部を一気に消したいなら <HEAD></HEAD>のなかに <STYLE TYPE="text/css"> <!-- A {text-decoration:none} --> </STYLE> という手もありますよ。
複数のリンク下線部を一気に消したいなら
<HEAD></HEAD>のなかに
<STYLE TYPE="text/css">
<!--
A {text-decoration:none}
-->
</STYLE>
という手もありますよ。
  • 回答No.3
レベル13

ベストアンサー率 31% (311/991)

<head> <title> </title> <style type="text/css"> <!--- body{background:##ffffff;text-indent:1pt} A:link{text-decoration:none;color:#0000ff} A:visited{text-decorat ...続きを読む
<head>
<title> </title>
<style type="text/css">
<!---
body{background:##ffffff;text-indent:1pt}
A:link{text-decoration:none;color:#0000ff}
A:visited{text-decoration:none;color:#000080}
A:active{text-decoration:none;color:#ffffff}
A:hover{text-decoration:none;color:#ff0000}

.sentence{color:#ffffff;font-size:8pt}
.copyright{color:#ffffff;font-size:8pt;
font-style:italic;text-align:right}
.link{font-size:10pt}
--->
</style>
</head>

と書けば全体の指定が出来ます。
下線がつかづマウスで色が変わります。

クール
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
あなたが体験したトラブルや解決方法を共有しませんか?
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ