visibility 속성
- 요소를 보이게 할 것인지, 보이지 않게 할 것인지를 결정합니다
- visible : 해당 요소를 보이게 합니다
hidden : 해당 요소를 보이지 않게 합니다
collapse : table 요소에 사용하면 행이나 열을 보이지 않게 합니다
# opacity 속성
- 투명도를 지정합니다
> 0 ~ 1 ( 0.0 : 투명 , 1.0 : 불투명 )
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.none { visibility: none; }
table, tr, td {
border: 1px solid black;
width: 200px;
height: 100px;
text-align: center;
}
.collapse {
visibility: collapse;
}
div, img {
border: 1px solid gray;
width: 100px;
height: 100px;
background-color: skyblue;
color: white;
opacity: 0.3;