Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>ヒャクニチソウの交配表</title>
- <style type="text/css">
- table {
- border-collapse: collapse;
- border: 1px solid #000;
- }
- td, th {
- border: 1px solid #000;
- line-height:0;
- width: 40px;
- height: 40px;
- text-align:center;
- }
- th {
- font-size: 24px;
- background-color: #DDD;
- }
- td {
- font-size: 12px;
- }
- th:empty {
- background-image: linear-gradient(45deg, transparent 49%, black 49%, black 51%, transparent 51%, transparent);
- }
- .red { color: #ff3824 }
- .yellow { color: #ffcc00 }
- .green { color: #4dd908 }
- .blue { color: #2e68ec }
- </style>
- </head>
- <body>
- <table>
- <tr>
- <th></th>
- <th class="red">❁</th>
- <th class="yellow">❁</th>
- <th class="green">❁</th>
- <th class="blue">❁</th>
- </tr>
- <tr>
- <th class="red">❁</th>
- <td><span class="yellow">❁</span></td>
- <td><span class="red">❁</span></td>
- <td><span class="red">❁</span></td>
- <td><span class="red">❁</span></td>
- </tr>
- <tr>
- <th class="yellow">❁</th>
- <td><span class="red">❁</span></td>
- <td><span class="yellow">❁</span><span class="green">❁</span></td>
- <td><span class="yellow">❁</span></td>
- <td><span class="yellow">❁</span></td>
- </tr>
- <tr>
- <th class="green">❁</th>
- <td><span class="red">❁</span></td>
- <td><span class="yellow">❁</span></td>
- <td><span class="green">❁</span><span class="blue">❁</span></td>
- <td><span class="green">❁</span></td>
- </tr>
- <tr>
- <th class="blue">❁</th>
- <td><span class="red">❁</span></td>
- <td><span class="yellow">❁</span></td>
- <td><span class="green">❁</span></td>
- <td><span class="blue">❁</span></td>
- </tr>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement