表格制作

本文介绍了如何使用HTML创建表格,并详细解释了表格行与列的合并方法,包括rowspan和colspan属性的使用。此外,还讲解了CSS中border-collapse、border-spacing及empty-cells属性的作用,帮助读者掌握表格样式的设置。

关键字;<table></table>;<tr></tr>代表行;<td></td>代表列;

  1、  两行两列例子如下:

        <tabie>

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

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

        </table>

2、连着相同的行表格可以合并,如(<tr   rowspan="2"></tr>;合并几行就用数字来表示)

      连着相同的列表格可以合并,如(<td  colspan="2"></td>;合并几列就用数字来表示)

      注意:rowspan与colspan不可以缩写成rows与cols!

3、边框与行存在合并与独立的关系

    border-collapse: separate; 独立

     border-collapse: collapse;合并

    

border-spacing:表示边框与行的间距;empty-clells(表示空的表格是否要显示)empty-clells:show;表示显示    empty-clells:hide;代表隐藏;

以上两个属性只在border-collapse:separate时有效;在合并的情况下无效的!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值