网页简易表格制作

基本框架

<table    border="1px"  cellspacing="0">

      <tr>

              <td></td>     <td></td>       <td></td>

       <tr>

        .......

<table>

1、<table> </table>表格标签   border="1px"用来设置边框和调整边框宽度      cellspacing="0"用来将边用中的白色空隙填充完整(即将双线变成单线)

2、<tr>  </tr>行标签

3、<td>  </td> 单元格标签    <td width="200px" align="center"></td>     width=" " 设置单元格统一宽度,要每个单元格都设置,否则会根据单元格内字数来默认单元格宽度,align=" '设置字体居中 

4、想要将设置单元格宽度和文字居中,也可以不在每个单元格都设置一遍,用<col width=“200px”>来设置,表示次列单元格的宽度,表格有几列,就在<table>标签下面写几个。设置文字对其方式可以在每一行上面设置,如<tr align="center">  </tr>

扫描二维码关注公众号,回复: 8362552 查看本文章

5、合并单元格:合并一行内的所有个单元格,只需要将多余单元格删掉,只留下一个单元格,再重新设置这个单元格的宽度,用<td colspan="5">表示合并这一行的前五个单元格。当只合并一行内的几个单元格时,如合并第二行的3,4,5这三个单元格,只需要删掉4,5,两个单元格,在第三个单元格上面设置<td colspan="3">即可。

合并一列中的几个单元格,要删掉多余的列,如合并第5列的第1,2,3行的单元格,只需要删掉第2行第5列,第3行第5列的单元格,在第一行第五列的单元格上面设置高度<td rowspan="3"> </td>

猜你喜欢

转载自www.cnblogs.com/xsqlj/p/12118748.html
今日推荐