border-collapse-rtl-ref.html (1004B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 table { 7 margin: 10px; 8 border: 8px solid silver; 9 border-right-color: gray; 10 border-bottom-color: gray; 11 border-spacing: 5px; 12 border-collapse: collapse; 13 } 14 td { 15 border: 4px solid black; 16 width: 50px; 17 height: 20px; 18 text-align: center; 19 } 20 td.w1 { 21 width: 80px; 22 } 23 td.w2 { 24 width: 120px; 25 } 26 tr:nth-child(even) { 27 background: #ffc; 28 } 29 tr:nth-child(odd) { 30 background: #cff; 31 } 32 tr:nth-child(1) { 33 background: #fcf; 34 } 35 </style> 36 </head> 37 <body> 38 39 <table> 40 <tr><td>x</td> <td colspan=3>x</td> </tr> 41 <tr><td>x</td> <td>x</td> <td class="w1">x</td><td rowspan=3>x</td></tr> 42 <tr><td rowspan=2>x</td> <td>x</td> <td>x</td> </tr> 43 <tr> <td>x</td> <td>x</td> </tr> 44 <tr><td class="w2">x</td><td>x</td> <td>x</td><td>x</td> </tr> 45 </table> 46 47 </body> 48 </html>