メインメニュー


［スポンサードリンク］
HOME CSS - 機能別 CSSの指定方法
HOME CSS - プロパティ別 日本語
リンクの部分にスタイルを指定する
要素名:link { スタイル } ←　まだ見ていないリンク部分
要素名:visited { スタイル } ←　すでに見たリンク部分
要素名:hover { スタイル } ←　マウスカーソルが重なっているリンク部分
要素名:active { スタイル } ←　マウスボタンを押したときのリンク部分

リンクの部分に対してスタイルを指定します。
従って通常の場合、要素名の部分は「A」になります。
また、要素名には「#ID名」や「.クラス名」も指定することができます。
　　→　任意の範囲にスタイルを指定する

このほかにも、スタイルの指定方法はいくつかあります。
詳しいことは、『CSSの指定方法』を御覧ください。


別窓にサンプルを表示します
　　

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<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">
<!--
/* 通常のリンク色 */
A:link    { color:maroon; }
A:visited { color:red; }
A:hover   { color:purple; }
A:active  { color:fuchsia; }
/* A要素にクラス名を指定 */
A.youso { font-size:12pt; }
A.youso:link    { color:green; }
A.youso:visited { color:lime; }
A.youso:hover   { color:olive; }
A.youso:active  { color:yellow; }
/* クラスに含まれるリンク色を指定 */
.kyocho { font-weight:bold; }
.kyocho a:link    { color:navy; }
.kyocho a:visited { color:blue; }
.kyocho a:hover   { color:teal; }
.kyocho a:active  { color:aqua; }
-->
</STYLE>
</HEAD>
<BODY bgcolor="#ffffff">
<A href="../index.html" target="_top">HOME</A>　
<A href="../html/html00_1.html">HTML</A>　
<A href="css00_1.html">CSS</A>
<HR>
<UL>
<LI><A href="css02_02.html" class="youso">外部スタイルを読み込む</A></LI>
<LI><A href="css02_03.html" class="youso">HTML文書の中にまとめてスタイルを指定する</A></LI>
<LI><A href="css02_04.html" class="youso">HTMLの要素にスタイルを指定する</A></LI>
</UL>
<HR>
<UL class="kyocho">
<LI><A href="css02_05.html">HTMLの全ての要素にスタイルを指定する</A></LI>
<LI><A href="css02_06.html">HTMLの要素に個別でスタイルを指定する</A></LI>
<LI><A href="css02_07.html">任意の範囲にスタイルを指定する</A></LI>
</UL>
</BODY>
</HTML>