今回はリンクのアンダーラインを消すという効果です。
リンクのアンダーラインを消す
| 今回の効果は、リンクのアンダーラインを表示させないようにするものです。 文字の下にアンダーラインがあると、ちょっと見た目が悪い気がします。 文字を画像にすればアンダーラインは表示されませんが、画像を使うと読み込む時に重くなるので出来れば使いたくないものです。 簡単なスタイルシートを書くだけでアンダーラインを消すことができるので、ぜひ使ってみて下さい｡ 今月も少しだけこの実験にお付き合い下さい。 |
 ポイント | a{text-decoration: none;}でページ内の文字に飾りをつけないように指定します。 |
 効果 | text-decoration が none になっているので、文字のアンダーラインが表示されません。特定のタグにスタイルシートで text-decoration: underline と指定すれば、アンダーラインをつけることができます。 |
 使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果は、Ｎｅｔｓｃａｐｅ４．０、Ｅｘｐｌｏｒｅｒの３．０以上でできます。 スタイルシートで指定するだけですし、その方法も簡単ですので、お手軽にお試しいただけると思います。 |
ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
