这个属性以前并没有怎么接触过,该属性有两种1取值:separate 和 collapse

取值的含义具体如下:

separate:边框独立

collapse:相邻边被合并

举例如下:

border-collapse

.separate{

border-collapse: separate;

}

.collapse{

border-collapse: collapse;

}

one two three
one two three

最后效果:

另外表格元素table使用border-radius是不一样的,当表格样式属性border-collapse是collapse时,表格不能正常显示,只有border-collapse属性值为separate时,表格圆角才能正常显示,如将上例的css样式改成如下的时候:

.separate{

border-collapse: separate;border-radius: 5px;

}

.collapse{

border-collapse: collapse;border-radius: 5px;

}

则显示的结果是:

参考地址:

http://www.css88.com/book/css/properties/table/border-collapse.htm

html5 collapse,关于css中的border-collapse相关推荐

  1. [css] css中的border:none和border:0px有什么区别?

    [css] css中的border:none和border:0px有什么区别? none是没有边框. 0px是边框的宽度为0px. 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚 ...

  2. overflow属性html5,什么是css中overflow属性

    什么是css中overflow属性 发布时间:2020-07-11 16:06:42 来源:亿速云 阅读:192 作者:Leah 本篇文章给大家分享的是有关什么是css中overflow属性,小编觉得 ...

  3. CSS中设置border属性为0与none的区别

    在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一 ...

  4. CSS中的border属性

    合着写: border: 1px solid blue;第一个值:border-width:边框的宽度; 第二个值:border-style:边框的样式;第三个值:border-color:边框颜色; ...

  5. css如何转为html5,HTML与CSS中的3D转换模块

    文中的img标签![](images/jacky/xin.png)全部变成了macdown格式 一.什么是2D和3D 1.什么是2D和3D 2D就是一个平面,只有宽度和高度,没有厚度 3D就是一个立体 ...

  6. css样式 向下补白,div+css[3]:css中边框border与补白padding属性设置

    1.边框属性 border □ 边框样式 border-style:none|dotted|dashed|solid|...... none:没有边框. dotted点线 dashed虚线 solid ...

  7. c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线?(代码示例)...

    css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...

  8. HTML5圆形线性渐变,css中linear-gradient()函数是干什么的?实现线性渐变的圆形边框(代码)...

    在前端开发过程中,有时会利用linear-gradient实现各种各样的效果,本章给大家介绍css中linear-gradient()函数是干什么的?实现线性渐变的圆形边框(代码).有一定的参考价值, ...

  9. php中border属性,css中display属性和border属性常遇问题讲解

    本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...

最新文章

  1. java中运算符_JAVA中的运算符
  2. Hyper-V的版本
  3. 小米视频加载进度条效果实现
  4. linux centos7 开机自动登录
  5. ios查看帧率的软件_程序员必看!直播软件开发弱网下保障高清流畅推流的方法...
  6. 样条表示---样条表示之间的转换
  7. 20172310《程序设计与数据结构》(上)课程总结
  8. java jsonfield_fastjson使用-- @JSONField使用(转)
  9. 运维工程师必会的109个Linux命令(1)
  10. 解决Linux里面未启用网卡的问题
  11. java mail header_java使用mail发送邮件时出现乱码如何解决
  12. mysql8.0版本的服务器名称_MySQL 8.0安装部署-运维笔记
  13. hdu(杭电oj)输入输出练习题目总结
  14. 在Android中自定义捕获Application全局异常,可以替换掉系统的强制退出对话框(很有参考价值与实用价值)
  15. 串行总线 —— I2C、UART、SPI
  16. iOS 基础 第五天(0811)
  17. 操作系统-存储器管理
  18. 《DNS与BIND(第5版)》——第10章 高级功能10.1 地址匹配列表和ACL
  19. 深度学习去雨论文代码_将深度学习研究论文转换为有用的代码
  20. php阿拉伯数字转中文人民币大写

热门文章

  1. 打鸡血的开源遇到存储,是什么样的一种体验?
  2. vue 使用element 单选框 怎么同时获取value和label值
  3. Electron中使用sql.js操作SQLite数据库
  4. 一个开发者账号,多台MAC同时使用
  5. JVM调优常用的调优参数
  6. 编程语言专题《开发篇,交换*p1和*p2的值中常犯错误》
  7. 分享txt转换pdf格式具体转换方法
  8. java中定义泛型方法
  9. datetime,time计算时间差
  10. 计算机显示器外壳怎么防水,一种防水计算机显示器外壳