「AP過去問 令和6年度秋期 午前 問5」の版間の差分
(ページの作成:「|AP過去問 令和6年度秋期 午前 問題に戻る AP過去問 令和6年度秋期 午前 問4へ AP過去問 令和6年度秋期 午前 問6へ =='''問5(問題文)'''== =='''回答・解説'''== AP過去問 令和6年度秋期 午前 問4へ AP過去問 令和6年度秋期 午前 問6へ AP過去問 令和6年度秋期 午前#問題||AP過去問 令和6年度秋期 午前…」) |
|||
| (同じ利用者による、間の11版が非表示) | |||
| 6行目: | 6行目: | ||
=='''問5(問題文)'''== | =='''問5(問題文)'''== | ||
<yjavascript> | |||
</script> | |||
<style> | |||
table#tree { | |||
border-collapse: collapse; | |||
width: 800px; | |||
height: 800px; | |||
table-layout: fixed; | |||
} | |||
td#tree { | |||
text-align: center; | |||
vertical-align: middle; | |||
} | |||
.tree { | |||
position: relative; | |||
width: 600px; | |||
height: 600px; | |||
} | |||
.node { | |||
position: absolute; | |||
width: 40px; | |||
height: 40px; | |||
background-color: #f0f8ff; | |||
border: 2px solid #4682b4; | |||
border-radius: 50%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
font-size: 14px; | |||
font-family: Arial, sans-serif; | |||
font-weight: bold; | |||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); | |||
} | |||
.line { | |||
position: absolute; | |||
width: 2px; | |||
background-color: #4682b4; | |||
transform-origin: top center; | |||
} | |||
</style> | |||
<table> | |||
<tr> | |||
<td > | |||
<div class="tree" style="background-image: url('https://wiki.yo-net.jp/images/HouganBG.png');"> | |||
<!-- Connectors --> | |||
<!-- 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 to Level 3 --> | |||
<div class="line" style="top: 140px; left: 200px; height: 141px; transform: rotate(45deg);">L3</div> | |||
<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 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> | |||
<!-- Top Node --> | |||
<div class="node" style="top: 20px; left: 280px;">1</div> | |||
<!-- Level 2 --> | |||
<div class="node" style="top: 120px; left: 180px;">2</div> | |||
<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="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> | |||
</div> | |||
</td> | |||
</tr> | |||
</table> | |||
<script> | |||
</yjavascript> | |||
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
|
回答・解説