<!DOCTYPE html>
<html lang="ja">
<head>
<title>erabu</title>
<script type="text/javascript" src="kadai.js"></script>
<style type="text/css">
body{background-color:pink;}
h1{text-align:center;}
div{border:1px solid black; margin:0 auto; width:10px;text-align:center;
padding:20px 100px;background-color:white;
}
.botton-p{text-align:center;font-size:22px;}
div:hover{background-color:#aaa;}
#info{text-align:center; font-size:18px;}
</style>
</head>
<body>
<h1>正解探しゲーム!</h1>
<p id="info">正解を当ててみやがれ!</p>
<p class="botton-p"><button id="start" type="button" value="START">START</button></p>
<div><p>1</p></div>
<div><p>2</p></div>
<div><p>3</p></div>
<div><p>4</p></div>
<div><p>5</p></div>
<div id="true"><p>6</p></div>
<div><p>7</p></div>
<div><p>8</p></div>
<div><p>9</p></div>
<div><p>10</p></div>
</body>
</html>
ItoRino