表格脚注示例_table去掉td的边框

编程小6 (1) 2024-09-04 14:23

Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
表格脚注示例_table去掉td的边框,希望能够帮助你!!!。

thead　表格的头用来放标题之类的东西tbody　表格的身体放数据本体tfoot　表格的脚放表格的脚注之类

表格脚注示例_table去掉td的边框_https://bianchenghao6.com/blog__第1张

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
<style>
  table {width:90%; margin:auto; font: "宋体" 11px;color: #333333;text-align:left;border-collapse: collapse;}
  tr{height:50px;}
   td {padding:5px;border: 1px solid #000;}
   tfoot td{ border:0; padding-left:70px;}
</style>
</head>
<body>
<table>
 <tbody>
 <tr>
   <td>xm</td><td>zhangsan</td>
 </tr>
 </tbody>
 <tfoot>
 <tr><td colspan="2">2222222222222
     <span style="float:right;padding-right:150px;">2022-1-14</span></td>
  </tr>
 </tfoot>
</table>
</body>
</html>

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。