php怎么去掉table边框，如何⽤CSS属性border-collapse解决
table。。。
当我们在进⾏页⾯布局时，除了图⽚，⽂字之外，⽤的最多的就是table表格了，对于很多⼈来说，table的边框还是⽐较烦⼈的，我个⼈最讨厌看到带多层边线的表格，奇丑⽆⽐，那你知道怎么设置表格的边框吗？今天就和⼤家说说CSS中的border-collapse属性，这个属性⾮常的实⽤，但很多⼈还不知道，快过来看看吧。
⼀般我们写⼀个表格，就是下⾯的这种写法，给表格border，还有你想要的样式，代码如下：
HTML部分：
序号姓名性别年龄
1张晗男232陆颖⼥203郝婷婷⼥19
CSS部分：.aa{border: 1px solid #ccc;width:30%;text-align: center;border-collapse: collapse;}
.aa th,.aa td{border: 1px solid #ccc;padding: 10px;}
看，出现的效果是这样的：php初学者项目
它不符合我们对表格的认识，怎么会多出这么多边框线呢，⼀般我们只需要外⾯的边框和单元格共⽤的部分，不需要每个单元格都搞⼀个边框。那怎么去掉这些多余的边框呢？接下来就是今天的重点，CSS属性⾥的border-collapse可以帮助我们去掉多余的边框。
⾸先我们先看⼀下border-collapse属性值说明。他有两个值，separate是默认值，边框分开，不合并；collapse边框合并，如果相邻，则共⽤⼀个边框，那我们来给刚刚的表格加上这个属性看看。.aa{border: 1px solid #ccc;width:30%;text-align: center;border-collapse: collapse;}
图⽚：
看到了吗？当我们给表格运⽤border-collapse: collapse时，表格边框合并了，变得美观了很多。在以后的⼯作中可以使⽤这个属性，很好⽤。建议⼩伙伴们⾃⼰动⼿试试，尤其是初学者，希望这篇⽂章可以帮助到你！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。