リンク先の下線を消す

Question

リンク先の下線を消したいのですが、どのようにしたらいいですか？

リンク先の下線を外す方がすっきり見えるような気がします。

Answer

a { 
text-decoration: none; 
} 
 

というスタイルシートの記述で一括で消すことは可能ですが、 
しっかり読んで理解した上で、クリックさせる内容と 
衝動的にクリックさせる内容では、 
うまく使い分けた方が良いですね。 

例えば、以下のような有名ショップさんの場合は、 
下線をそのまま活用されてますね。 

http://www.rakuten.ne.jp/gold/kenkocom/ 
http://www.rakuten.ne.jp/gold/soukai/ 

他のショップとの比較しながらご検討くださいませ。 

また、使い分ける場合は、 
以下ようなクラス名を指定するなどして、 
希望のリンク先だけ下線を消すなどの 
対応が必要になります。 

a.クラス名 { 
text-decoration:none; 
}

Answer

有難うございました。
早々、使用させていただきました。

そこで、次の質問ですが、このリンク先の行の間隔（上下）を開ける
方法を教えてください。
ケンコーコムさんのようにしたいのですが・・・

Answer

スタイルシートの、line-heightという指定を使います。
http://www.htmq.com/style/line-height.shtml

ケンコーコムさんのトップページでは、すべての要素に
line-height: 1.75em;
が指定されております。

Answer

のタグを、レフトナビゲーションに、
貼り付けましたが思うようにはなっていないようです。
お手数ですが、再度ご教授ください。

Answer

リンク先の行の間隔（上下）を開ける方法につきましては、
下記の記事にて、解決いたしました。
https://ec-masters.club/forum/post_view.php?id=577