特定のリンクだけ下線をなくす
プロパティ:text-decoration:値:none
スタイルシートでセレクタを指定するときに
a.noline
のように指定すると、<a>タグのnolineクラスにだけスタイルを適用させることができますが、覚えているでしょうか？
特定のリンクだけ下線をなくすにはこれを使えばいいです。
逆にページ全体では下線をなくして、特定のリンクだけ下線を表示することも、この方法を使えばできます。
ソース例(太字が学んだ内容です)
<html>
<head>
<title>特定のリンクだけ下線をなくす</title>
<style type="text/css">
<!--
a.noline { text-decoration:none; }
-->
</style>
</head>
<body>
nolineクラスのリンクの下線がなくなっています。
<br><br>
<a href="http://www.homepagesakusei.biz/" class="noline">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
2006年05月08日