- ベストアンサー
画像の場合のみ、下線を消す方法はありますか？
http://www.tagindex.com/stylesheet/link/text_decoration.html この方法で消せることは知ったのですが、文字の場合は下線を表示、 画像にリンクがある場合は、リンクの下線や枠を非表示にしたいです。
- nhxwhitkqsmvy
- お礼率89% (41/46)
- HTML
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- DrFell
- ベストアンサー率55% (305/551)
a img{/*★これでaの中のimgという意味になります。*/ text-decoration: none; border:none; } text-decoration: none; リンクの下線を表示しない border:none; 画像の周りの線を表示しない。
お礼
ご回答ありがとうございました。
- anmochi
- ベストアンサー率65% (1332/2045)
ん～そうねぇ。楽な方法としては次のようなやり方になるかな。まず、cssをこう書く。 a.noline { text-decoration: none; } どっとのーらいんというのを加えるんだな。次にhtmlをこう書く。 <p> <a class="noline" href="hoge">ここのリンクは下線が出ません。</a> <p> <a href="hoge">ここのリンクは下線が出ます（ブラウザによるけど）。</a> <p> <a href="noline" href="hoge"><img src="fuga.jpg"></a> <p> <a href="hoge"><img src="fuga.jpg"></a> 今度はくらすいこーるのーらいんというのがあるのに気づくだろう。これにより、class="noline"というものを付けたaだけにtext-decoration: none;を適用するつまり下線を出さないという事になる。もちろんclass="noline"を付けてないaタグはデフォルトの動作を行う。 これで、画像と文字という区分けではなく、aタグにclass="noline"をつけたら下線を消す、そうでなければ付けるという制御ができるぞ。他にも色々やり方はあるけど、これが一番分かりやすくて（面倒ではあるが）楽なのではないかな。
お礼
ご回答ありがとうございました。
- dezimac
- ベストアンサー率56% (2365/4208)
画像のリンク枠を消すのなら a img { border: none;} とCSSで定義する 例） <html> <head> <style type="text/css"> a img { border: none; } </style> </head> <body> <a href="index.html"><img src="hoge.jpg">リンク</a> </body> </html>
お礼
ご回答ありがとうございました。
お礼
ご回答ありがとうございました。