반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body {
box-sizing: border-box;
font-family: Consolas, monospace;
}
.a-1 img {
max-width: 100%;
}
.a-1 {
width: 400px;
margin: 0px auto;
position: relative;
}
.a1-b {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.a-1:hover .a1-b {
display: block;
}
</style>
</head>
<body>
<div class="a-1">
<img src="image/pinkbin.png" alt="" class="a1-a">
<img src="image/pingblue.png" alt="" class="a1-b">
</div>
</body>
</html>반응형
'CSS↗' 카테고리의 다른 글
| [CSS/JavaScript] 작은 이미지 위에 마우스 올리면 큰 이미지 변경하게 만들기 (0) | 2024.06.26 |
|---|---|
| 웹 background 배경화면 고정된 이미지로 설정하기 (0) | 2024.06.24 |
| CSS 마우스 커서 이미지에 올리면 이미지 커지게 하기 (0) | 2024.06.20 |
| [오류해결]BootStrap에 강제 css적용하기 (1) | 2024.06.19 |
| Bootstrap (0) | 2024.06.17 |