「AP過去問 令和6年度秋期 午前 問5」の版間の差分
(同じ利用者による、間の10版が非表示) | |||
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 > | ||
<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> | </td> | ||
</tr> | </tr> |
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
|
回答・解説