◆リンクのアンダーラインを消してみよう!◆

普通にリンクを貼ると、アンダーラインがついてしまいますよね。

でも当サイトではこんな風にアンダーライン(このリンクはHomeに貼られています)がつかない設定になっています。

当サイトでは更に、マウスを持っていった時だけアンダーラインが見えるように設定してあるのですが・・・。

こんな風に<A HREF="home.html"STYLE="text-decoration:none">アンダーライン</A>(このリンクはHomeに貼られています)がつかない設定になっています。
これは”アンダーライン”というリンクが貼られている文字列のアンダーラインを消す命令を与えています。

text-decoration(”下線”を意味します)がnone(なし)というわけです。

管理人の全てのサイトで使用しています。

こちらの例は特定のリンクだけアンダーラインを消す場合ですが、ページ全体に反映させる場合は<HEAD>と</HEAD>の間に<STYLE TYPE="text/css">A{text-decoration:none;}</style>と記述してあげれば良いのです。

HTMLにCha☆llengeへ戻ります