今天小编跟大家讲解下有关CSS table 单行布局示例代码 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS table 单行布局示例代码 的相关资料，希望小伙伴们看了有所帮助。
复制代码代码如下: <html> <head> <mce:style type="text/css"><!-- table{border-collapse:collapse;} td{border:1px blue solid;} --></mce:style> <style type="text/css"mce_bogus="1"> table{border-collapse:collapse;} td{border:1px blue solid;} </style> </head> <body> <br/><br/><br/><br/> <table width="50%"align="center"> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> </table> </body> </html> <!-- table与tr背景色反色方式 --> <html> <head> <mce:style type="text/css"><!-- table{background:#0000FF;} tr{background:#FFFFFF;} --></mce:style><style type="text/css"mce_bogus="1"> table{background:#0000FF;} tr{background:#FFFFFF;} </style> </head> <body> <br/><br/><br/><br/> <table width="50%"align="center"cellspacing="0"> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> <tr> <td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td> </tr> </table> </body> </html>来源：爱蒂网
