关于css中的border-collapse_html/css_WEB-ITnose
程序员文章站
2022-05-07 18:51:02
...
这个属性以前并没有怎么接触过,该属性有两种1取值:separate 和 collapse
取值的含义具体如下:
separate:边框独立
collapse:相邻边被合并
举例如下:
border-collapse
最后效果:
取值的含义具体如下:
separate:边框独立
collapse:相邻边被合并
举例如下:
one | two | three |
one | two | three |
最后效果:
另外表格元素table使用border-radius是不一样的,当表格样式属性border-collapse是collapse时,表格不能正常显示,只有border-collapse属性值为separate时,表格圆角才能正常显示,如将上例的css样式改成如下的时候:
则显示的结果是:
参考地址:
http://www.css88.com/book/css/properties/table/border-collapse.htm
上一篇: SQL对Xml字段的操作
推荐阅读
-
阿里自主研发的互动游戏引擎Hilo开源啦_html/css_WEB-ITnose
-
关于Kotlin中抽象类和接口的一点总结
-
关于CSS中的float和position_html/css_WEB-ITnose
-
关于Oracle和MySQL中的无密码登录
-
手机端网页的几个小问题_html/css_WEB-ITnose
-
怎么把显示的时间放在左边?_html/css_WEB-ITnose
-
关于隐藏IE 地址栏方法_html/css_WEB-ITnose
-
创建响应式布局的优秀网格工具集锦《系列四》_html/css_WEB-ITnose
-
关于MVC框架中 模块传参的问题
-
初学HTML 有个简单的小问题帮忙看一下_html/css_WEB-ITnose