CSS練習　篤姫式ロールオーバー

Web応用

左のサイドナビを３つの画像合体型でコントロール

http://homepage2.nifty.com/melcafe/tantei/tantei.html

<li id="s_nv01"><a href="#">浮気・行動・素行調査</a></li>

#s_nv01 a{

display: block;

height: 20px;

width: 180px;

background-image:url(images/snv_01.gif);

background-repeat: no-repeat;

background-position: 0px top;

text-indent: -999px;

margin: 10px;

}

#s_nv01 a:hover{

background-position: 0px center;

}

#s_nv01 a:visited{

background-position: 0px bottom;

}