<table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>小明</td> <td>18</td> <td>男</td> </tr> <tr> <td>小红</td> <td>20</td> <td>女</td> </tr> </table>以上代码创建了一个包含表头和两行数据的HTML表格。 第二步:添加CSS样式 在HTML中,可以通过CSS样式来设置表格的样式。要设置表格黑实线,需要添加如下样式:
<style> table,th,td { border: 1px solid black; } th,td { padding: 5px; text-align: left; } </style>以上样式中,
border: 1px solid black;
设置边框为1像素宽的黑实线;padding: 5px;
和text-align: left;
用来设置单元格的内边距和水平对齐方式。
第三步:应用样式
将以上样式应用到HTML表格中:
<table style="border-collapse: collapse;"> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>小明</td> <td>18</td> <td>男</td> </tr> <tr> <td>小红</td> <td>20</td> <td>女</td> </tr> </table>以上代码中,将CSS样式放在style标签中,并通过
border-collapse: collapse;
设置表格边框合并。这里将样式应用到版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。