「AP過去問 令和6年度秋期 午前 問5」の版間の差分
21行目: | 21行目: | ||
.tree { | .tree { | ||
position: relative; | position: relative; | ||
width: | width: 600px; | ||
height: 600px; | height: 600px; | ||
} | } | ||
.node { | .node { | ||
36行目: | 35行目: | ||
justify-content: center; | justify-content: center; | ||
font-size: 14px; | font-size: 14px; | ||
font-family: Arial, sans-serif; | |||
font-weight: bold; | font-weight: bold; | ||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); | |||
} | } | ||
.line { | .line { | ||
49行目: | 50行目: | ||
<td> | <td> | ||
<div class="tree"> | <div class="tree"> | ||
<!-- | <!-- Top Node --> | ||
<div class="node" style="top: 20px; left: 50%;"> | <div class="node" style="top: 20px; left: 50%;">1</div> | ||
<!-- Level 2 --> | <!-- Level 2 --> | ||
<div class="node" style="top: 100px; left: 25%;"> | <div class="node" style="top: 100px; left: 25%;">2</div> | ||
<div class="node" style="top: 100px; left: 75%;"> | <div class="node" style="top: 100px; left: 75%;">3</div> | ||
<!-- Level 3 | <!-- Level 3 --> | ||
<div class="node" style="top: | <div class="node" style="top: 200px; left: 12.5%;">4</div> | ||
<div class="node" style="top: | <div class="node" style="top: 200px; left: 37.5%;">5</div> | ||
<div class="node" style="top: | <div class="node" style="top: 200px; left: 62.5%;">6</div> | ||
<div class="node" style="top: | <div class="node" style="top: 200px; left: 87.5%;">7</div> | ||
<!-- Level 4 ( | <!-- Level 4 (left side) --> | ||
<div class="node" style="top: | <div class="node" style="top: 300px; left: 6.25%;">8</div> | ||
<div class="node" style="top: | <div class="node" style="top: 300px; left: 18.75%;">9</div> | ||
<!-- Level 5 ( | <!-- Level 5 (right side) --> | ||
<div class="node" style="top: | <div class="node" style="top: 400px; left: 81.25%;">10</div> | ||
<div class="node" style="top: 400px; left: 93.75%;">11</div> | |||
<!-- Connectors --> | <!-- Connectors --> | ||
<div class="line" style="top: 60px; left: | <!-- Level 1 to Level 2 --> | ||
<div class="line" style="top: 60px; left: 62%; height: 40px; transform: rotate(45deg);"></div> | <div class="line" style="top: 60px; left: 37.5%; height: 40px; transform: rotate(135deg);"></div> | ||
<div class="line" style="top: 60px; left: 62.5%; height: 40px; transform: rotate(45deg);"></div> | |||
<div class="line" style="top: 140px; left: | <!-- Level 2 to Level 3 --> | ||
<div class="line" style="top: 140px; left: | <div class="line" style="top: 140px; left: 18.75%; height: 60px; transform: rotate(135deg);"></div> | ||
<div class="line" style="top: 140px; left: | <div class="line" style="top: 140px; left: 31.25%; height: 60px; transform: rotate(45deg);"></div> | ||
<div class="line" style="top: 140px; left: | <div class="line" style="top: 140px; left: 68.75%; height: 60px; transform: rotate(135deg);"></div> | ||
<div class="line" style="top: 140px; left: 81.25%; height: 60px; transform: rotate(45deg);"></div> | |||
<div class="line" style="top: | <!-- Level 3 to Level 4 --> | ||
<div class="line" style="top: | <div class="line" style="top: 240px; left: 9.375%; height: 60px; transform: rotate(135deg);"></div> | ||
<div class="line" style="top: 240px; left: 15.625%; height: 60px; transform: rotate(45deg);"></div> | |||
<div class="line" style="top: | <!-- Level 3 to Level 5 --> | ||
<div class="line" style="top: 240px; left: 84.375%; height: 60px; transform: rotate(135deg);"></div> | |||
<div class="line" style="top: 240px; left: 90.625%; height: 60px; transform: rotate(45deg);"></div> | |||
</div> | </div> | ||
</td> | </td> |
2024年11月25日 (月) 21:53時点における版
問5(問題文)
1
2
3
4
5
6
7
8
9
10
11
|
回答・解説