「AP過去問 令和6年度秋期 午前 問5」の版間の差分
| 21行目: | 21行目: | ||
.tree { | .tree { | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
height: | height: 600px; | ||
margin: 0 auto; | |||
} | } | ||
.node { | .node { | ||
| 36行目: | 36行目: | ||
justify-content: center; | justify-content: center; | ||
font-size: 14px; | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| 49行目: | 48行目: | ||
<tr> | <tr> | ||
<td> | <td> | ||
<div class="tree"> | |||
<!-- Root --> | |||
<div class="node" style="top: 20px; left: 50%;">50</div> | |||
<!-- Level 2 --> | |||
<div class="node" style="top: 100px; left: 25%;">30</div> | |||
<div class="node" style="top: 100px; left: 75%;">70</div> | |||
<!-- Level 3 (Middle with 3 layers) --> | |||
<div class="node" style="top: 180px; left: 15%;">20</div> | |||
<div class="node" style="top: 180px; left: 35%;">40</div> | |||
<div class="node" style="top: 180px; left: 65%;">60</div> | |||
<div class="node" style="top: 180px; left: 85%;">80</div> | |||
<!-- Level 4 (Left with 4 layers) --> | |||
<div class="node" style="top: 260px; left: 10%;">10</div> | |||
<div class="node" style="top: 260px; left: 20%;">25</div> | |||
<!-- Level 5 (Right with 5 layers) --> | |||
<div class="node" style="top: 340px; left: 90%;">90</div> | |||
<!-- Connectors --> | |||
<div class="line" style="top: 60px; left: 38%; height: 40px; transform: rotate(135deg);"></div> | |||
<div class="line" style="top: 60px; left: 62%; height: 40px; transform: rotate(45deg);"></div> | |||
<div class="line" style="top: 140px; left: 20%; height: 40px; transform: rotate(135deg);"></div> | |||
<div class="line" style="top: 140px; left: 30%; height: 40px; transform: rotate(45deg);"></div> | |||
<div class="line" style="top: 140px; left: 70%; height: 40px; transform: rotate(135deg);"></div> | |||
<div class="line" style="top: 140px; left: 80%; height: 40px; transform: rotate(45deg);"></div> | |||
<div class="line" style="top: 220px; left: 13%; height: 40px; transform: rotate(135deg);"></div> | |||
<div class="line" style="top: 220px; left: 17%; height: 40px; transform: rotate(45deg);"></div> | |||
<div class="line" style="top: 300px; left: 88%; height: 40px; transform: rotate(45deg);"></div> | |||
</div> | |||
</td> | </td> | ||
</tr> | </tr> | ||
2024年11月25日 (月) 21:47時点における版
問5(問題文)
|
50
30
70
20
40
60
80
10
25
90
|
回答・解説