728x90
반응형
14_visibility.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/14_visibility.css";
</style>
</head>
<body>
<section class="content">
<img class="visible" src="../img/2.jpg">
<img class="hidden" src="../img/1.jpg">
<img class="visible" src="../img/3.jpg">
</section>
</body>
</html>14_visibility.css
@CHARSET "UTF-8";
img{
border:2px solid black;
border-radius:10px;
box-shadow:5px 5px 3px #ccc;
}
.visible{
visibility: visible;
}
.hidden{
visibility: hidden;
}
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch04-16. float (0) | 2017.08.28 |
|---|---|
| [CSS] ch04-15. zindex (0) | 2017.08.28 |
| [CSS] ch04-13. fixed (0) | 2017.08.28 |
| [CSS] ch04-12. absolute (0) | 2017.08.28 |
| [CSS] ch04-11. relative (0) | 2017.08.28 |