12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset=utf-8>
- <style>
- table {
- margin: 10px;
- border: 8px solid silver;
- border-right-color: gray;
- border-bottom-color: gray;
- border-spacing: 5px;
- border-collapse: collapse;
- }
- td {
- border: 4px solid black;
- width: 50px;
- height: 20px;
- text-align: center;
- }
- td.w1 {
- width: 80px;
- }
- td.w2 {
- width: 120px;
- }
- tr:nth-child(even) {
- background: #ffc;
- }
- tr:nth-child(odd) {
- background: #cff;
- }
- tr:nth-child(1) {
- background: #fcf;
- }
- </style>
- </head>
- <body>
- <table>
- <tr><td>x</td> <td colspan=3>x</td> </tr>
- <tr><td>x</td> <td>x</td> <td class="w1">x</td><td rowspan=3>x</td></tr>
- <tr><td rowspan=2>x</td> <td>x</td> <td>x</td> </tr>
- <tr> <td>x</td> <td>x</td> </tr>
- <tr><td class="w2">x</td><td>x</td> <td>x</td><td>x</td> </tr>
- </table>
- </body>
- </html>
|