需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<table border="1"><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr></table>
3、浏览器运行index.html页面，此时成功实现了table表的列竖向排列。
可以用合并单元格属性colspan,如果你希望第二个td撑满剩下的空间，建议在里面加div<table width="400" border="1"> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td colspan="2"></td> <td colspan="2"> <div class="aa"></div> </td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr></table>1.第三行设置成1列:
<tr>
<td cosplan=“3”></td>
</tr>
2.设置2列。2列的宽度相等
<tr>
<td cosplan=“2” width="50%"></td>
<td width="50%"></td>
</tr>
table里面在嵌套你的五列表格table。很常用。
去内表格的外框或者怎么才能在外观上看不出来
border="0" 边框设置为0
border="0" 给内表格加属性 <table border="0"
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）