본문 바로가기
CSS

스타일로 만든 rollover

by 포샵질 2017. 2. 1.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <HEAD>
    <TITLE>블럭에 의한 가명(anonymous) 텍스트 설명</TITLE>
  </HEAD>
<BODY>
<style> 
a.rollover img { border-width:0px; display:inline; } 
a.rollover img.over { display:none; }

a.rollover:hover { border:0px } 
a.rollover:hover img { display:none; } 
a.rollover:hover img.over { display:inline; } 
</style>

<div class="rollover"> 
<a href="#test" class="rollover"><img src="http://www.phpschool.com/menu_images/top_menu6_off.gif"><img src="http://www.phpschool.com/menu_images/top_menu6_on.gif" class="over"></a> 
</div> 
</BODY>

'CSS' 카테고리의 다른 글

UL,LI.DT.DD의 사용용도  (0) 2017.02.01
스타일순서  (0) 2017.02.01
css 스타일가이드  (0) 2017.02.01
default css  (0) 2017.02.01
프린트 reset css  (0) 2017.02.01