「AP過去問 令和6年度秋期 午前 問5」の版間の差分
| (同じ利用者による、間の9版が非表示) | |||
| 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: | 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 { | ||
| 47行目: | 48行目: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<td> | <td > | ||
<div class="tree"> | <div class="tree" style="background-image: url('https://wiki.yo-net.jp/images/HouganBG.png');"> | ||
<!-- | <!-- Connectors --> | ||
<div class=" | <!-- Level 1 to Level 2 --> | ||
<div class="line" style="top: 40px; left: 300px; height: 141px; transform: rotate(45deg);">L1</div> | |||
<div class="line" style="top: 140px; left: 400px; height: 141px; transform: rotate(135deg);">L2</div> | |||
<!-- Level 2 --> | <!-- Level 2 to Level 3 --> | ||
<div class=" | <div class="line" style="top: 140px; left: 200px; height: 141px; transform: rotate(45deg);">L3</div> | ||
<div class=" | <div class="line" style="top: 240px; left: 300px; height: 141px; transform: rotate(135deg);">L4</div> | ||
<div class="line" style="top: 140px; left: 400px; height: 141px; transform: rotate(45deg);">L5</div> | |||
<div class="line" style="top: 240px; left: 500px; height: 141px; transform: rotate(135deg);">L6</div> | |||
<!-- Level 3 | <!-- Level 3 to Level 4 --> | ||
<div class=" | <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> | |||
<div class=" | |||
<!-- Level | <!-- Level 3 to Level 5 --> | ||
<div class=" | <div class="line" style="top: 240px; left: 84.375%; height: 60px; transform: rotate(135deg);">L9</div> | ||
<div class=" | <div class="line" style="top: 240px; left: 90.625%; height: 60px; transform: rotate(45deg);">L10</div> | ||
<!-- | <!-- Top Node --> | ||
<div class="node" style="top: | <div class="node" style="top: 20px; left: 280px;">1</div> | ||
<!-- | <!-- Level 2 --> | ||
<div class=" | <div class="node" style="top: 120px; left: 180px;">2</div> | ||
<div class=" | <div class="node" style="top: 120px; left: 380px;">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=" | <div class="node" style="top: 300px; left: 18.75%;">9</div> | ||
<div class=" | |||
<div class=" | <!-- Level 5 (right side) --> | ||
<div class=" | <div class="node" style="top: 400px; left: 81.25%;">10</div> | ||
<div class="node" style="top: 400px; left: 93.75%;">11</div> | |||
</div> | </div> | ||
</td> | </td> | ||
2024年11月26日 (火) 00:36時点における最新版
問5(問題文)
|
L1
L2
L3
L4
L5
L6
L7
L8
L9
L10
1
2
3
4
5
6
7
8
9
10
11
|
回答・解説