「AP過去問 令和6年度秋期 午前 問5」の版間の差分
| (同じ利用者による、間の4版が非表示) | |||
| 11行目: | 11行目: | ||
table#tree { | table#tree { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
width: | width: 800px; | ||
height: | height: 800px; | ||
table-layout: fixed; | table-layout: fixed; | ||
} | } | ||
| 21行目: | 21行目: | ||
.tree { | .tree { | ||
position: relative; | position: relative; | ||
width: 600px; | |||
width: | height: 600px; | ||
height: | |||
} | } | ||
.node { | .node { | ||
| 38行目: | 37行目: | ||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
font-weight: bold; | font-weight: bold; | ||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); | |||
} | } | ||
.line { | .line { | ||
| 48行目: | 48行目: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<td> | <td style="background-image: url('https://wiki.yo-net.jp/images/HouganBG.png');"> | ||
<div class="tree"> | |||
<!-- Top Node --> | |||
<div class="node" style="top: 20px; left: 50%;">1</div> | |||
<!-- Level 2 --> | |||
<div class="node" style="top: 100px; left: 25%;">2</div> | |||
<div class="node" style="top: 100px; left: 75%;">3</div> | |||
<!-- Level 3 --> | |||
<div class="node" style="top: 200px; left: 12.5%;">4</div> | |||
<div class="node" style="top: 200px; left: 37.5%;">5</div> | |||
<div class="node" style="top: 200px; left: 62.5%;">6</div> | |||
<div class="node" style="top: 200px; left: 87.5%;">7</div> | |||
<!-- Level 4 (left side) --> | |||
<div class="node" style="top: 300px; left: 6.25%;">8</div> | |||
<div class="node" style="top: 300px; left: 18.75%;">9</div> | |||
<!-- Level 5 (right side) --> | |||
<div class="node" style="top: 400px; left: 81.25%;">10</div> | |||
<div class="node" style="top: 400px; left: 93.75%;">11</div> | |||
<!-- Connectors --> | |||
<!-- Level 1 to Level 2 --> | |||
<div class="line" style="top: 60px; left: 37.5%; height: 40px; transform: rotate(135deg);">L1</div> | |||
<div class="line" style="top: 60px; left: 62.5%; height: 40px; transform: rotate(45deg);">L2</div> | |||
<!-- Level 2 to Level 3 --> | |||
<div class="line" style="top: 140px; left: 18.75%; height: 60px; transform: rotate(135deg);">L3</div> | |||
<div class="line" style="top: 140px; left: 31.25%; height: 60px; transform: rotate(45deg);">L4</div> | |||
<div class="line" style="top: 140px; left: 68.75%; height: 60px; transform: rotate(135deg);">L5</div> | |||
<div class="line" style="top: 140px; left: 81.25%; height: 60px; transform: rotate(45deg);">L6</div> | |||
<!-- Level 3 to Level 4 --> | |||
<div class="line" style="top: 240px; left: 9.375%; height: 60px; transform: rotate(135deg);">L7</div> | |||
<div class="line" style="top: 240px; left: 15.625%; height: 60px; transform: rotate(45deg);">L8</div> | |||
<!-- Level 3 to Level 5 --> | |||
<div class="line" style="top: 240px; left: 84.375%; height: 60px; transform: rotate(135deg);">L9</div> | |||
<div class="line" style="top: 240px; left: 90.625%; height: 60px; transform: rotate(45deg);">L10</div> | |||
</div> | |||
</td> | </td> | ||
</tr> | </tr> | ||
2024年11月25日 (月) 23:22時点における版
問5(問題文)
|
1
2
3
4
5
6
7
8
9
10
11
L1
L2
L3
L4
L5
L6
L7
L8
L9
L10
|
回答・解説