リンクの色
-
0 名前： マカロニ ： 2005/11/23 02:15
- 同じページに張ってあるリンクを
それぞれ違う色に設定するにはどうしたらいいのでしょうか。
お願いします。
-
1 名前： うっちー ： 2005/11/23 02:15 ［URL］
- <html>
<head>
<title></title>
<STYLE TYPE="text/css">
<!--
.sample1 { color: red; }
.sample2 { color: blue; }
-->
</STYLE>
</head>
<body>
<a class="sample1" href="http://www.yahoo.co.jp/">リンク先１</a><br>
<a class="sample2" href="http://www.livedoor.com/">リンク先２</a>
</body>
</html>
-
2 名前： まな ： 2005/11/23 02:15
- スタイルシートではありませんが･･･
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.yahoo.co.jp/"><font color="red">リンク先１</font></a><br>
<a href="http://www.infoseek.co.jp/"><fontcolor="blue">リンク先２</font></a>
</body>
</html>
-
3 名前： 匿名希望 ： 2005/11/23 02:15
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>リンク色サンプル</TITLE>
<STYLE type="text/css"><!--
/*
以下のように通常のリンク、訪問済みリンクなど個別設定できます。
あとは好きに応用してください。
参照
http://www.tagindex.com/stylesheet/link/class.html
*/
A#red:link,A#red:hover,A#red:active,A#red:visited{
color:#f00;
}
A#green:link,A#green:hover,A#green:active,A#green:visited{
color:#0f0;
}
A#blue:link,A#blue:hover,A#blue:active,A#blue:visited{
color:#00f;
}
--></STYLE>
</HEAD>
<BODY>
<A href="http://www.tagindex.com/stylesheet/link/class.html" id="red">赤</A>
<A href="http://www.tagindex.com/stylesheet/link/class.html" id="green">緑</A>
<A href="http://www.tagindex.com/stylesheet/link/class.html" id="blue">青</A>
</BODY>
</HTML>
-
4 名前： マカロニ ： 2005/11/23 02:15
- アドバイスありがとうございます。
色の変更が出来ました。
