일상 자바스크립트로 만든 문제풀이
본문
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
.question{ font-size: 20px; padding-top:20px;}
.correct:hover{ color:blue; font-size: 18px;}
.answer{ font-size: 18px; padding: 5px 10px;}
.hide{ font-size: 18px;padding-left:30px;}
/* .problem{ border: solid #E0D4D4 thin;}*/
</style>
</head>
<body>
<div class="problem">
<p class="question">Who is the best man in the world?</p>
<div class="answer">1. Joe Biden</div>
<div class="answer">2. Ronald Reagon</div>
<div class="answer">3. Bill Clington</div>
<div class="myDIV correct answer">4. Kimchulyong</div>
<div class="hide">I am shown when someone hovers over the div above.</div>
</div>
<div class="problem">
<p class="question">프런트 프로그래밍에서 꼭 배워야 할 것은?</p>
<div class="answer">1. HTML</div>
<div class="answer">2. CSS</div>
<div class="answer">3. DataBase</div>
<div class="myDIV correct answer">4. Javascript</div>
<div class="hide">At a front devellopes, Javascript is necessary!!</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
.question{ font-size: 20px; padding-top:20px;}
.correct:hover{ color:blue; font-size: 18px;}
.answer{ font-size: 18px; padding: 5px 10px;}
.hide{ font-size: 18px;padding-left:30px;}
/* .problem{ border: solid #E0D4D4 thin;}*/
</style>
</head>
<body>
<div class="problem">
<p class="question">Who is the best man in the world?</p>
<div class="answer">1. Joe Biden</div>
<div class="answer">2. Ronald Reagon</div>
<div class="answer">3. Bill Clington</div>
<div class="myDIV correct answer">4. Kimchulyong</div>
<div class="hide">I am shown when someone hovers over the div above.</div>
</div>
<div class="problem">
<p class="question">프런트 프로그래밍에서 꼭 배워야 할 것은?</p>
<div class="answer">1. HTML</div>
<div class="answer">2. CSS</div>
<div class="answer">3. DataBase</div>
<div class="myDIV correct answer">4. Javascript</div>
<div class="hide">At a front devellopes, Javascript is necessary!!</div>
</div>
</body>
</html>
Who is the best man in the world?
1. Joe Biden
2. Ronald Reagon
3. Bill Clington
4. Kimchulyong
I am shown when someone hovers over the div above.
프런트 프로그래밍에서 꼭 배워야 할 것은?
1. HTML
2. CSS
3. DataBase
4. Javascript
At a front devellopes, Javascript is necessary!!
추천0
댓글목록 0
등록된 댓글이 없습니다.