头闻号

马凯涛(个体经营)

面膜|个人护理用具

首页 > 新闻中心 > 科技常识:CSS table 单行布局示例代码
科技常识:CSS table 单行布局示例代码
发布时间:2024-11-27 01:31:20        浏览次数:2        返回列表

今天小编跟大家讲解下有关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>

来源:爱蒂网