欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于css中的border-collapse_html/css_WEB-ITnose

程序员文章站 2022-05-07 18:51:02
...
这个属性以前并没有怎么接触过,该属性有两种1取值:separate 和 collapse
取值的含义具体如下:
separate:边框独立
collapse:相邻边被合并
举例如下:




border-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