JAVA_EE/CSS
[21.09.17] exam10(05_cssPositioning) - 숨겨져 있는 단어 마우스 올려 보이게 하기(<span> 태그 두 번)
luvforjunk
2021. 9. 17. 19:06
728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.item span {
visibility: hidden;
}
.item:hover span{
visibility: visible;
color: red;
}
</style>
</head>
<body>
<h3>다음 빈 곳에 숨은 단어?</h3>
<hr>
<ul>
<li>I (<span class="item"><span>love</span></span>) you.
<li>CSS is Cascading
(<span class="item"><span>Style</span></span>) Sheet.
<li>응답하라 (<span class="item"><span>1988</span></span>).
</ul>
</body>
</html>
<!--
[문제] () 괄호 안에 마우스를 올리면 답이 빨간색으로 나타나게 하시오
-->

728x90
반응형