<!DOCTYPE> <html> <head> <Meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表格</title> </head> <body> <table style="border-collapse:collapse" border="1" cellpadding="10" cellspacing="5"> <tr id="1"> <td>选择</td> <td>姓名</td> <td>年龄</td> <td>专业</td> </tr> <tr id="2"> <td><input type="checkBox" value=""/></td> <td></td> <td></td> <td></td> </tr> <tr id="3"> <td><input type="checkBox" value=""/></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
结果如下图：
如果把border-collapse:collapse改成border-collapse:seperate则结果如下图
前面的复选框是用CheckBox标签来定义。开始是直接这样写的<td>CheckBox</td>。所以一直显示出来不是复选框而是CheckBox。
遇到的还有一个问题就是画的表格只有外框，里面没网格线，好搞笑，如下图：
所以这句不能少：<table style="border-collapse:collapse" border="1" cellpadding="10" cellspacing="5">（其实是border在起作用，不能少）。
具体见D:\Dreamweaver\html-test\Unitite11
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
