スタイルシート

Q.リンクの下線を消したい
リンクを入れると、文字の下に自動でアンダーバーが出ますよね？
あれを消すには、どうすればいいんですか？

下線部を消したいリンクのところを次のように変えてみよう。

<a href="URL" style="text-decoration:none;">リンク</a>

リンク
↑下線出ないでしょ

text-decoration:noneでリンクの装飾をなくしているんだ。

また、１つずつ指定するのは面倒臭い時は、<HEAD>〜</HEAD>の中に次のものを貼り付けよう。

<style TYPE="text/css">
<!--
A:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:active{text-decoration:none;}
A:hover{text-decoration:none;}
-->
</style>

このようにすると、いちいち指定しなくても、ページ全体のリンクの下線が消えるようになるよ。

Q.リンク文字の装飾を同一ページ内で変えたい
同じページ内で、リンクカラーを二種類設定したい場合、どのように記述したらよいのでしょうか。
今は、外部ファイルにいきなり
A:link { text-decoration: none; color: #6090EF ; }
A:visited { text-decoration: none; color: #6090EF ; }
A:active { text-decoration: none; color: #6090EF ; }
A:hover { background-color : #ADD8E6 ; color : #fff ; }
と、書いてるのですが、これだと、全部が同じリンクカラーになりますよね。
で、DIVの中だけやTDの中だけのリンクカラーとかを変えたいのですが書き方がわからないのです。すみませんが教えてください。

<HEAD>の中で次のように指定してみよう。

<style type="text/css">
span.link1 {background-color:red;}
span.link1 A:active{background-color:green;}
span.link1 A:visited{background-color:blue;}
span.link1 A:hover{background-color:yellow;}
</style>

あとは、リンクのスタイルはスタイルシート講座を見て自分の好きなようにアレンジしてね。
クラスで指定をしているので、これを使うときは、
<span class="link1"><a href="#">好きな文字</a></span>
で使えるよ。
適用するクラスなどを変えてやると1つのページにいろいろな動きをするリンクを貼れるね。