クイズ
quiz.cssを参考に「details」と「summary」を使ってクイズを作ってみよう
氷を電子レンジで温めるとどうなるでしょう?
氷のまま
電子レンジの加熱は火で温めるのではなく、マイクロ波による水分振動で加熱します。氷は水分ではなく固体なので振動しないため加熱できません
世界最高齢の脊椎動物とされるニシオンデンザメは何年生きるでしょうか?
512年
2016年に発見されたニシオンデンザメを放射線年代測定法によって推定した。
HTML
<details>
<summary>クイズの問題など</summary>
<p>答えなど</p>
</details>
CSS
summary {
cursor: pointer;
font-weight: bold;
font-size: 18px;
color: #2f4f4f;
}
details{
margin-bottom: 40px;
}