HTML5中画表格

最新推荐文章于 2023-12-16 21:40:49 发布

转载最新推荐文章于 2023-12-16 21:40:49 发布 · 855 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/zhangxuman/blog/393821

文章标签：

#python

本文介绍了如何使用HTML正确绘制带有复选框的表格，并解决了表格显示仅有外框无内部分隔线的问题。通过调整border属性，确保了表格清晰展示。

2019独角兽企业重金招聘Python工程师标准>>>

 <!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>

结果如下图：