了解bordercollapse

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

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

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