記事参照
No.5 2006/03/08 09:31
題:Re: A hoverの個別設定
名:Newのり太
<style type="text/css">
<!--
/*通常のリンク*/
a{
background-color: white;
text-decoration: none;
border: 1px solid black;
width: 100px;
height: 16px;
text-align: center;
}
a:hover{
background-color: #ffff80;
border: 1px solid gray;
}
/*クラスtestのリンク*/
a.test{
何が: どないやねん; /*好きなスタイルを設定*/
}
a.test:hover{
border-style: none;
color: black;
background-color: #f8d05a;
}
-->
</style>
<!-- 中略 -->
<p><a href="#">LINK</a></p>
<p><a href="#" class="test">LINK</a></p>
ていうか、ボタン風のスタイルは、クラスのほうへ設定するのが普通です。
まあ、テストですけどね。
// 一部スペルミスがありましたので、訂正しました。(^^ゞ
掲示板に戻る