菜单 学习猿地 - LMONKEY

 css如何设置表格边框不重叠?

css如何设置表格边框不重叠?

Charsen profile image Charsen ・1 min read

css如何设置表格边框不重叠?

一、设置css属性border-collapse:collapse。

table{ 
    border-collapse:collapse; 
} 
table tr{ 
    border:1px solid red; 
}

border-collapse:collapse属性设置表格的边框被合并为一个单一的边框

二、设置td上边框,并取消table上边框。推荐学习:CSS视频教程

table tr td{ 
    border-top:1px solid red; 
} 
table{ 
    border:1px solid red; 
    border-top-width:0px; 
}

效果:

201388170455587.jpg

评论 (0)