如何用HTML来制作表格?

如何用HTML来制作表格?,第1张

<title>人员信息</title>

<font face="宋体" size="24"color="blue"><p align="center">人员信息表

<table border="1" width="80%" height="300" cellspacing="0" background="https://bkimg.cdn.bcebos.com/pic/77094b36acaf2edd37afa410861001e9380193e9?x-bce-process=image/watermark,image_d2F0ZXIvYmFpa2UxODA=,g_7,xp_5,yp_5">

<tr>

<td align="center"><font face="宋体" size="16"color="black">姓名</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">性别</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">学号</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">成绩</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">备注</td>

<tr>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">张三</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">男</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">21</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">91</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">无</td>

<tr>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">李四</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">男</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">22</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">94</td>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">无</td>

<tr>

<td align="center"><font face="宋体" size="16"color="black" Pixel="16px">王五</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">男</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">23</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">95</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">无</td>

<tr>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">刘六</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">男</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">24</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">88</td>

<td align="center"><font face="宋体" size="6"color="black" Pixel="16px">无</td>

你好请问是问设置表格单元格填充为0的html代码是什么吗?设置表格的单元格填充为0的html代码是tablecellpadding。cellspacing意思是table表格中的单元格子之间的空白距离为0像素,,cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。

1、首先打开vscode编辑器,新建一个html文档,里面写入一个外层的div,再加入一行table表格:

2、然后在上方的style标签中加入css样式,设置table标签的样式,table的元素具有长度自适应性,其长度根据其内文本长度决定,只要设置margin属性,让左右设置为auto就回自动分配剩余空间,也就是元素两侧的区域各占50%,那么元素就左右居中了:

3、最后打开浏览器就可以看到居中的一行表格了:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7079364.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存