table表格边框样式_20190921表格标签使用更新中

根据个人简历效果图制作一个表格，需要三个标签：<table>标签，<tr>标签,<td>标签，其中<table>表示一张表，<tr>表示一行，<td>表示一个单元格，单元格的宽高可以用width,height,colspan,rowspan这几个属性来设置单元格宽与高的大小，只是colspan与rowspan这两个属性是通过单元格合并的方式来改变单元格宽与高，根据效果图开始操作，建立一张表的前提是以最大限度单元格的个数去编写<tr>与<td>,这样你在后面通过colspan与rowspan属性操作来更改表格各个单元格的大小样式游刃有余；

在制作个人简历表中，<table>标签，用到了border,cellspacing两个属性，需设置border="1px";cellspacing="0"；含义是使得制作的table表中的单元格的边框产生1像素的线条，同时各个单元格的的间距为零，最终的效果是表中单元格肉眼可见，单元格的位置被安排的明明白白；

<tr>标签，用到了height,align两个属性，需设置height="40px",align="center";含义是使得table表中你欲设置的那行高度为40像素，同时使得这一行中各个单元格的文字内容居中显示；结果就是表中所设置的那行能够被撑起来，使里头文字在中间保持中立，不偏不倚；

<td>标签，用到了colspan,rowspan两个属性，制作这个简历表，根据需要，设置了colspan="3/5/6",rowspan="4";colspan的含义为最初编写的表中一行的3个或5个或6个单元格都可以合并变成一个大单元格，改变了单元格的宽；rowspan的含义为一列的4个单元格合并成一个大单元格，更改了单元格的高；这里有一个小提示：合并单元格的时候，务必记得删除先前占位的单元格，不然浏览器展示的表格就不是你脑补的美好画面了。

另外<col>这个单闭合标签很好用，用到了width属性，根据编表的需要，设置了width="100px/200px"，含义为使得一列中所有单元格的宽都设为200px,属于批量改变单元格的宽，省的费力单个的去更改单元格的宽。

附上效果图：