如何给table表格的tr行加边框
tr是html标签中行的标记,在web开发中,有时候我们为了美观需要修改行的属性。比如tr的边框。如果我们按照如下的形式修改tr的属性就大错特错了.
table边框 table表格边框实线
tr{
border: 1px solid #f5f6f8;
}这样是没有任何效果的。因为表格中的tr并非单一的边框,这样便需要属性border-collapse,border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
实例:为表格设置合并边框模型:
table{
border-collapse:collapse;
}参数:
separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承border-collapse 属性的值。
也许是当前表格的CSS的border属性被其他CSS继承了
1 | 2 |
3 | 4 |
3、浏览器运行index.html页面,此时表格的外面一圈边框的颜色被设置为蓝色了。
你可以在table标签中直接使用style属性
Month | Savings |
---|---|
January | $100 |
February | $80 |
2、运行后的效果:
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至836084111@qq.com 举报,一经查实,本站将立刻删除。
联系我们
工作日:9:30-18:30,节假日休息