37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<table class="legend">
|
|
<tr>
|
|
<th>Color</th>
|
|
<th>Temperature</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(256, 176, 0);"></div></td>
|
|
<td class="legend-cell">0°C</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(168, 0, 0);"></div></td>
|
|
<td class="legend-cell">800°C</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(0, 96, 255);"></div></td>
|
|
<td class="legend-cell">900°C</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(106, 255, 150);"></div></td>
|
|
<td class="legend-cell">1000°C</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(255, 136, 0);"></div></td>
|
|
<td class="legend-cell">1000°C</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(128, 0, 0);"></div></td>
|
|
<td class="legend-cell">1000°C</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<style>
|
|
.legend-cell {
|
|
padding: 4px 14px;
|
|
}
|
|
</style>
|