반응형
<html>
<head>
<style type="text/css">
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }
</style>
</head>
<body>
<a href="#" class="rollover"><img class="rollover" src="http://haxim.kr/new/img/sample/001.gif "><img src="http://haxim.kr/new/img/sample/002.gif"></a>
</body>
</html>
반응형
'CSS HTML5 > css' 카테고리의 다른 글
| [css/script] 실무 적용 d-day 활용 카운트다운 소스 (0) | 2025.07.03 |
|---|---|
| [CSS] Transform 속성 쉽게 배우기 – 이동, 확대, 회전, 기울이기 (0) | 2025.06.20 |
| [css] height:100vh 세로 중앙 정렬하는 2가지 방법 (0) | 2025.06.16 |
| Flex CSS 완벽 가이드: Flexbox로 레이아웃 자유자재로 다루기 (1) | 2025.06.16 |
| 버튼 스타일시트 (0) | 2016.11.09 |
