CSS로 마우스 롤오버 이미지링크 만들기 edit

http://perhapsspy.egloos.com/2798445

html:

<a href="archive.html" class="roll">
 <img src="imgs/archive.gif"/>
 <img src="imgs/archive_hover.gif" class="over"/>
</a>

css:

a.roll img.over { display: none;}
a.roll:hover img { display: none;}
a.roll:hover img.over { display: inline;}