首页 / CSS / cssborder-collapse的使用详解

cssborder-collapse的使用详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了cssborder-collapse的使用详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含870字，纯文字阅读大概需要2分钟。

内容图文

  • 名称：border-collapse
    分类：表格
    简述：设置行和单元格的边是否合并
    概述：border-collapse是设置表格的行<tr>或<td>之间是否留有距离的样式，<tr>与<td>之间的距离，在表格里可以通过border="xxx"与 cellspacing="xxx"来实现。换句话说，当border-collapse设置为collapse时，表格自身的border与cellspacing属性便没有作用了。

  • 语法：

    取值：

    separate : 默认值。边框独立（标准HTML）
    collapse : 相邻边被合并

  • border-collapse : separate | collapse

例1:
代码:

显示效果:

  • <table 
width
="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse:collapse">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

例2:
代码:

<table width="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse: separate">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

显示效果为：


以上就是css border-collapse的使用详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的cssborder-collapse的使用详解全部内容，希望文章能够帮你解决cssborder-collapse的使用详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/413352.html

来源：【匿名】