bug1394226-notref.html (1153B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Table border collapse</title> 5 <style> 6 table { 7 border-collapse: collapse; 8 } 9 tr.odd { 10 background-color: LightCyan; 11 } 12 tr.even { 13 background-color: LightSkyBlue; 14 } 15 td { 16 border: 5px solid DarkBlue; 17 } 18 .inner td { 19 border: 5px solid red; 20 } 21 .inner tr:first-child td { 22 border-top: 5px solid DarkBlue; 23 } 24 .inner tr td:first-child { 25 border-left: 5px solid DarkBlue; 26 } 27 .inner tr:last-child td { 28 border-bottom: 5px solid DarkBlue; 29 } 30 .inner tr td:last-child { 31 border-right: 5px solid DarkBlue; 32 } 33 div { 34 height: 10px; 35 } 36 </style> 37 </head> 38 <body> 39 <div></div> 40 <table> 41 <caption></caption> 42 <tr class="odd"> 43 <td>Cell 1-1</td> 44 <td>Cell 1-2</td> 45 </tr> 46 <tr class="even"> 47 <td>Cell 2-1</td> 48 <td>Cell 2-2 49 <table class="inner"> 50 <tr class="odd"> 51 <td>Cell 2-2/1-1</td> 52 <td>Cell 2-2/1-2</td> 53 </tr> 54 <tr class="even"> 55 <td>Cell 2-2/2-1</td> 56 <td>Cell 2-2/2-2</td> 57 </tr> 58 </table> 59 </td> 60 </tr> 61 </table> 62 </body> 63 </html>