100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html表格边框去重复 css怎么解决表格边框线重复问题.

html表格边框去重复 css怎么解决表格边框线重复问题.

时间:2021-04-04 05:58:31

相关推荐

html表格边框去重复 css怎么解决表格边框线重复问题.

1、td的边框和table的边框重叠.table{border-left:1pxsolid#dedede;border-top:1pxsolid#dedede;}.td{border-right:1pxsolid#dedede;border-bottom:1pxsolid#dedede;}table只用左边框和上边框,每个td只有右边框和下边框,效果就是整个表格左、上边框是连续实线,右、下边框是延续td的边框所以是断断续续的解决方法:.table{border:1pxsolid#dedede;border-collapse:collapse;}.td{border:1pxsolid#dedede;}橘色字体是关键,边框设置也不用分上下左右了,重叠的话会一个覆盖另一个firefox中:td的border覆盖table的,IE中table的border覆盖td的,我这里border颜色一样,无所谓了表格线常见问题:1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决]2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决]3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout:fixed;解决]4.border-collapse有两个属性,separate和collapse。separate是默认属性,表格边框默认有1px的间隙,在表格排版时代,设置好表格背景色,我们曾用它来挤出版块的外边框;collapse,是将表格边框的间隙去掉,这样给表格的td边框赋值时就不会产生双线框了。Demo:没有设置collapse属性的双线表格

阅读全文 >

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。