「AP過去問 令和6年度秋期 午前 問5」の版間の差分

提供：yonewiki
(同じ利用者による、間の3版が非表示)
11行目: 11行目:
   table#tree {
   table#tree {
     border-collapse: collapse;
     border-collapse: collapse;
     width: 100%;
     width: 800px;
     height: 100%;
     height: 800px;
     table-layout: fixed;
     table-layout: fixed;
   }
   }
21行目: 21行目:
   .tree {
   .tree {
     position: relative;
     position: relative;
     width: 100%;
     width: 600px;
     height: 600px;
     height: 600px;
    margin: 0 auto;
   }
   }
   .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 style="background-image: url('https://wiki.yo-net.jp/images/HouganBG.png');">
<div class="tree">
<div class="tree">
   <!-- Root -->
   <!-- Top Node -->
   <div class="node" style="top: 20px; left: 50%;">50</div>
   <div class="node" style="top: 20px; left: 50%;">1</div>


   <!-- Level 2 -->
   <!-- Level 2 -->
   <div class="node" style="top: 100px; left: 25%;">30</div>
   <div class="node" style="top: 100px; left: 25%;">2</div>
   <div class="node" style="top: 100px; left: 75%;">70</div>
   <div class="node" style="top: 100px; left: 75%;">3</div>


   <!-- Level 3 (Middle with 3 layers) -->
   <!-- Level 3 -->
   <div class="node" style="top: 180px; left: 15%;">20</div>
   <div class="node" style="top: 200px; left: 12.5%;">4</div>
   <div class="node" style="top: 180px; left: 35%;">40</div>
   <div class="node" style="top: 200px; left: 37.5%;">5</div>
   <div class="node" style="top: 180px; left: 65%;">60</div>
   <div class="node" style="top: 200px; left: 62.5%;">6</div>
   <div class="node" style="top: 180px; left: 85%;">80</div>
   <div class="node" style="top: 200px; left: 87.5%;">7</div>


   <!-- Level 4 (Left with 4 layers) -->
   <!-- Level 4 (left side) -->
   <div class="node" style="top: 260px; left: 10%;">10</div>
   <div class="node" style="top: 300px; left: 6.25%;">8</div>
   <div class="node" style="top: 260px; left: 20%;">25</div>
   <div class="node" style="top: 300px; left: 18.75%;">9</div>


   <!-- Level 5 (Right with 5 layers) -->
   <!-- Level 5 (right side) -->
   <div class="node" style="top: 340px; left: 90%;">90</div>
   <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: 38%; height: 40px; transform: rotate(135deg);"></div>
  <!-- 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);">L1</div>
   <div class="line" style="top: 60px; left: 62.5%; height: 40px; transform: rotate(45deg);">L2</div>


   <div class="line" style="top: 140px; left: 20%; height: 40px; transform: rotate(135deg);"></div>
  <!-- Level 2 to Level 3 -->
   <div class="line" style="top: 140px; left: 30%; height: 40px; transform: rotate(45deg);"></div>
   <div class="line" style="top: 140px; left: 18.75%; height: 60px; transform: rotate(135deg);">L3</div>
   <div class="line" style="top: 140px; left: 70%; height: 40px; transform: rotate(135deg);"></div>
   <div class="line" style="top: 140px; left: 31.25%; height: 60px; transform: rotate(45deg);">L4</div>
   <div class="line" style="top: 140px; left: 80%; height: 40px; transform: rotate(45deg);"></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>


   <div class="line" style="top: 220px; left: 13%; height: 40px; transform: rotate(135deg);"></div>
  <!-- Level 3 to Level 4 -->
   <div class="line" style="top: 220px; left: 17%; height: 40px; transform: rotate(45deg);"></div>
   <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="line" style="top: 300px; left: 88%; height: 40px; transform: rotate(45deg);"></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>
</div>
     </td>
     </td>

2024年11月25日 (月) 23:22時点における版

|AP過去問 令和6年度秋期 午前 問題に戻る

AP過去問 令和6年度秋期 午前 問4へ

AP過去問 令和6年度秋期 午前 問6へ

問5(問題文)

1

2
3

4
5
6
7

8
9

10
11

L1
L2

L3
L4
L5
L6

L7
L8

L9
L10

　

回答・解説

　

AP過去問 令和6年度秋期 午前 問4へ

AP過去問 令和6年度秋期 午前 問6へ

|AP過去問 令和6年度秋期 午前 問題に戻る

「https://wiki.yo-net.jp/index.php?title=AP過去問_令和6年度秋期_午前_問5&oldid=8626」から取得