了解border-collapse的用法

作者: 来源: 更新时间:2012-12-10 20:46:42 点击:

每次写表格的时候,都没有注意表格框是否是单一的,即使是单一的也不知道是怎么实现的,特别神奇,好像自动就成了想要的样式。今天写的时候,没有发生这样的神奇的事,所以第一次这样真正的了解到表格的 css 中的border-collapse属性。用法如下:

table { border-collapse:collapse; }
collapse中文翻译为崩溃,坍塌的意思,理解为表格坍塌了,就成一条线了,O(∩_∩)O哈哈~
border-collapse有三个属性值

IE浏览器不支持inherit,使用必须在页面上也!doctype,如果不写的话可能会产生意想不到的结果。