リンク文字色を変える

リンクが設定されている箇所にマウスポインタを合わせると色が変わる、というスタイルをよく見かけます。
a:hoverは、「マウスポイントが乗ったら」という意味です。このスタイルを使ってリンクの文字色を指定しましょう。

 

html

<div class="sample1">

<p><a href="http://dcs-nagoya.com/">名古屋駅前ウェブデザインスクールはこちら</a></p>

</div>

css

div.sample1{
	width:100%;
	height:50px;
	border:solid 1px black;
	margin-bottom:10px
}


div.sample1 p a:hover{
          color:red; 
}

 
 

表示

 
sample1のリンクpにa:hoverを指定しました。マウスを合わせると文字が赤くなります。