スタイルシートのリンクについて
- 0 名前： ｍｉｋｉ ： 2004/06/08 19:47
- こんにちは、よろしくおねがいします。
メニューとしてのリンクに使いたいと思いhead部分に以下のように書いています。
<HEAD>
<STYLE TYPE="text/css">
<!--
A { text-decoration: none; }
A:hover { background-color: #CCFF99; }
A:link { color:#696969; }
A:visited { color: #696969; }
メニュー以外の文字のリンクには別の設定をしたいのですがbody部にどう記述したらよいでしょうか。
- 1 名前： ｋ ： 2004/06/08 20:42
- http://www.tagindex.com/stylesheet/basic/format2.html
classで指定してやればいいかと。
- 2 名前： ｍｉｋｉ ： 2004/06/08 22:59
- ｋさん、ありがとうございます。
Ａタグの定義済みクラスの場合、どう記述したらよいでしょう。
- 3 名前： ばあど ： 2004/06/08 23:09 ［URL］
- 「定義済みクラスの場合」とは具体的にどんな場合？
例えば
<a href="" class="hoge">あれあれ</a>
なら
A.hoge { text-decoration: none; }
A.hoge:link { color:#696969; }
A.hoge:visited { color: #696969; }
A.hoge:hover { background-color: #CCFF99; }
とすればOK。
# :hoverは、linkとvisitedの後にしたほうが良いよ
- 4 名前： ｍｉｋｉ ： 2004/06/08 23:57
- ばあどさん、ありがとうございます。
お蔭様で、うまくいきました。
