html边框⾏怎么合并,css如何合并边框?
在HTML⽹页中经常会⽤到表格,在HTML中表格的边框默认是分开显⽰的,我们该如何设置合并边框呢?下⾯我们来看⼀下css设置合并边框的⽅法。
在HTML中表格默认是分开显⽰的:
css可以使⽤border-collapse属性合并边框,border-collapse属性设置表格的边框是否被合并为⼀个单⼀的边框,还是象在标准的HTML 中那样分开显⽰。
⽰例:
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}
Firstname Lastname
Bill Gates
table设置内边框Steven Jobs
注释:如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。
注释:
效果如下:
border-collapse的属性值:separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse如果可能,边框会合并为⼀个单⼀的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit规定应该从⽗元素继承 border-collapse 属性的值。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论