bug1375518-4-ref.html (1157B)
1 <!DOCTYPE html> 2 <title>border-radius and separated border model tables</title> 3 <style> 4 5 body { background: white; color: black } 6 7 table { border-collapse: separate; margin: 1em 2px; } 8 table, td { border: 1px solid black; } 9 10 .radius { border: 3px solid teal; background: aqua; color: black; } 11 12 </style> 13 14 <h1>border-radius and separated border model tables</h1> 15 16 <table> 17 <tbody> 18 <tr><td>xx</td><td>xx</td><td>xx 19 </td></tr></tbody> 20 <tbody class="radius"> 21 <tr><td>xx</td><td>xx</td><td>xx 22 </td></tr><tr><td>xx</td><td>xx</td><td>xx 23 </td></tr></tbody> 24 <tbody> 25 <tr><td>xx</td><td>xx</td><td>xx 26 </td></tr></tbody> 27 </table> 28 29 <table> 30 <tbody><tr class="radius"><td>xx</td><td>xx</td><td>xx 31 </td></tr><tr><td>xx</td><td>xx</td><td>xx 32 </td></tr></tbody></table> 33 34 <table> 35 <colgroup class="radius"><col><col></colgroup><colgroup><col> 36 </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx 37 </td></tr><tr><td>xx</td><td>xx</td><td>xx 38 </td></tr></tbody></table> 39 40 <table> 41 <colgroup><col><col class="radius"><col> 42 </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx 43 </td></tr><tr><td>xx</td><td>xx</td><td>xx 44 </td></tr></tbody></table>