今回は17回目です。
今回はリンクのアンダーラインを消すという効果です。



リンクのアンダーラインを消す
今回の効果は、リンクのアンダーラインを表示させないようにするものです。
文字の下にアンダーラインがあると、ちょっと見た目が悪い気がします。
文字を画像にすればアンダーラインは表示されませんが、画像を使うと読み込む時に重くなるので出来れば使いたくないものです。
簡単なスタイルシートを書くだけでアンダーラインを消すことができるので、ぜひ使ってみて下さい。
今月も少しだけこの実験にお付き合い下さい。

ポイントa{text-decoration: none;}でページ内の文字に飾りをつけないように指定します。
効果text-decoration が none になっているので、文字のアンダーラインが表示されません。特定のタグにスタイルシートで text-decoration: underline と指定すれば、アンダーラインをつけることができます。
使い方実際の実験画面のソースをご覧下さい。


今回の実験でわかったこと

この効果は、Netscape4.0、Explorerの3.0以上でできます。

スタイルシートで指定するだけですし、その方法も簡単ですので、お手軽にお試しいただけると思います。


ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)


超簡単HP実験室