WON.dev
chapter13_visibility 본문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
img{
width: 300px;
}
.in-item{
visibility: hidden; /* 숨김 처리 : visible, hidden */
/* visibility : 화면에서 사라지지만 자리는 차지 */
/* display: none; 화면에서 사라지고 영역도 사라진다. */
}
</style>
</head>
<body>
<img alt="과일1 이미지" src="images/fruit1.jpg">
<img alt="과일2 이미지" src="images/fruit2.jpg" class="in-item">
<img alt="과일3 이미지" src="images/fruit3.jpg">
</body>
</html>'WEB.CSS' 카테고리의 다른 글
| chapter15 : float (0) | 2023.05.18 |
|---|---|
| chapter14 : float (0) | 2023.05.18 |
| chapter12 : list (0) | 2023.05.18 |
| chapter11 : text (0) | 2023.05.18 |
| chapter10 : box_model (0) | 2023.05.18 |