当前位置:Gxlcms > html代码 > html中如何让table显示的更好_html/css_WEB-ITnose

html中如何让table显示的更好_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:20人阅读

在html文件编写中,经常使用到table来做一些表格。如何让它显示的更像一张表格?接下来为你讲解。

基本格式

我的一张表格
姓名 年龄 班级
张山 20 计算机1班

显示效果如下:

看起来显得有点挤,让他的宽度增加就是设置table的width属性。想让单元格之间是一条实线分割,设置table的cellspacing=0。想让单元格中的内容和单元格边框距离为0,设置table的cellpadding=0.想要每个单元格的高度增大一点,可以在每个标签中设置height=40属性。

我的二张表格
姓名 年龄 班级
张山 20 计算机1班

显示效果如下:

显然数据都在最左端,想要文字显示在中间,可以设置td的align属性。

我的三张表格
姓名 年龄 班级
张山 20 计算机1班

显示效果如下:

人气教程排行