Update index.html
Browse files- index.html +34 -0
index.html
CHANGED
|
@@ -314,6 +314,31 @@
|
|
| 314 |
text-align: center;
|
| 315 |
margin-top: 5px;
|
| 316 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 317 |
</style>
|
| 318 |
</head>
|
| 319 |
<body>
|
|
@@ -461,6 +486,15 @@
|
|
| 461 |
<p><span>🗺️</span>地點：世界水域館</p>
|
| 462 |
<img src="kelp_forest_diver.jpg" alt="海藻森林潛水員餵食" class="event-image">
|
| 463 |
<p class="event-image-caption">潛水員下潛至10公尺深的巨型海藻缸中，介紹這片壯觀的海底森林生態。</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 464 |
</div>
|
| 465 |
</div>
|
| 466 |
|
|
|
|
| 314 |
text-align: center;
|
| 315 |
margin-top: 5px;
|
| 316 |
}
|
| 317 |
+
|
| 318 |
+
/* 新增：海藻知識卡樣式 */
|
| 319 |
+
.knowledge-box {
|
| 320 |
+
background-color: #f0f9eb; /* 淺綠色 */
|
| 321 |
+
border: 1px solid #d6e9c6;
|
| 322 |
+
border-radius: 6px;
|
| 323 |
+
padding: 15px;
|
| 324 |
+
margin-top: 20px;
|
| 325 |
+
}
|
| 326 |
+
.knowledge-box h4 {
|
| 327 |
+
font-size: 16px;
|
| 328 |
+
font-weight: 600;
|
| 329 |
+
color: #3c763d; /* 深綠色 */
|
| 330 |
+
margin: 0 0 10px;
|
| 331 |
+
}
|
| 332 |
+
.knowledge-box ul {
|
| 333 |
+
list-style-type: '🌿';
|
| 334 |
+
padding-left: 20px;
|
| 335 |
+
margin: 0;
|
| 336 |
+
}
|
| 337 |
+
.knowledge-box ul li {
|
| 338 |
+
font-size: 15px;
|
| 339 |
+
color: #333;
|
| 340 |
+
margin-bottom: 8px;
|
| 341 |
+
}
|
| 342 |
</style>
|
| 343 |
</head>
|
| 344 |
<body>
|
|
|
|
| 486 |
<p><span>🗺️</span>地點：世界水域館</p>
|
| 487 |
<img src="kelp_forest_diver.jpg" alt="海藻森林潛水員餵食" class="event-image">
|
| 488 |
<p class="event-image-caption">潛水員下潛至10公尺深的巨型海藻缸中，介紹這片壯觀的海底森林生態。</p>
|
| 489 |
+
|
| 490 |
+
<div class="knowledge-box">
|
| 491 |
+
<h4>🌿 海藻小知識</h4>
|
| 492 |
+
<ul>
|
| 493 |
+
<li>這個展缸是模擬美國加州沿岸的海藻森林生態。</li>
|
| 494 |
+
<li>缸中的是「巨藻」(Giant Kelp)，可以長到10公尺以上。</li>
|
| 495 |
+
<li>巨藻是生長最快的海藻之一，每天最快可生長達50公分！</li>
|
| 496 |
+
</ul>
|
| 497 |
+
</div>
|
| 498 |
</div>
|
| 499 |
</div>
|
| 500 |
|