css怎么去掉表格重复的边框
在css中，可以使用border-collapse属性来去掉表格中重复的边框，该属性可以设置表格边框是折叠为单一边框还是分开的，只需要将值设置为collapse即可把重叠的边框合并在一起，成为一个边框，实现单线边框的效果。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
table表格设置边框后的重叠问题
table{
border-spacing: 0;
border-collapse: collapse;
}
table td {
border: 1px solid #000;
padding: 20px 30px;
}
在table表格中当我们添加了边框，又把每个单元格的边距去除后，表单就会出现边框重叠的问题，使得边框线变粗，这时我们就可以设置border-collapse: collapse来设置边框，它把重叠的边框合并在一起，成为一个边框，实现单线边框的效果。
效果图：
说明：
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
属性值：
-
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
-
collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
相关推荐：《css视频教程》
以上就是css怎么去掉表格重复的边框的详细内容！
相关内容
-
css设置表格某一行固定不动
css设置表格某一行固定不动的方法：1、使用css定位th，并根据父级滚动条scrolltop的偏移量获取值，然后用js把偏移量赋值到th的定位top上；2、使用jq插件设置表...
-
css中怎么插入表格
css中插入表格的方法：使用【<style>】标签在文档头部定义内部样式表，代码为【<styletype="text/css">hr...
-
css怎么给表格设置边框
css表格设置边框的方法：1、使用border属性给table元素添加边框，语法“table{border:宽度样式颜色;}”；2、使用border属性给td元素添加边框，语法...
-
css如何隐藏表格
在css中，可以使用display属性隐藏表格，只需要给tr元素设置“display:none”样式即可。display属性用于定义建立布局时元素生成的显示框类型，当值为non...
-
css如何设置表格的右边框
在css中，可以使用border-right属性来设置表格的右边框，该属性的作用就是指定元素右边框的宽度、样式和颜色，语法“table{border-right:边框宽度边框样...
-
css怎么控制按钮不可用
方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...
-
css如何设置一行字显示不完隐藏
css中可利用overflow属性来设置一行字显示不完就隐藏；只需给文字的盒子元素添加“overflow:hidden;”样式，设置当内容溢出元素框时，将文字内容修剪，且溢出部...
-
CSS外链式与内联式的区别是什么
区别：CSS外链式是将css代码单独写一个以“.css”为扩展名的文件中，然后使用link标签链接到html中。CSS内联式是直接使用style属性将css代码写在HTML标签...
-
css有继承关系吗
css有继承关系。CSS继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代；也就是说：设置了上级（父级）的CSS样式，上级（父级）及以下的子级（下级...
-
浅谈使用CSS实现半透明边框和多重边框效果的方法
本篇文章分两种场景给大家介绍一下CSS实现半透明边框与多重边框效果。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。（学习视频分享：css视频教程）场景一：实现...
