html表格边框线怎么去掉

发布时间: 2023-11-27 16:03 阅读: 文章来源:1MUMB100152PS

html表格取消内部竖线的五个步骤,实例在线

表格取消内部竖线的五个步骤

如果只是想取消表格内部的竖线,则只需下方的前两个步骤,如果需要对表格进行进一步的美化,则可以继续设置其它的步骤:

不要设置table元素的border属性;只设置tr表格行的border-bottom属性将table元素的width设置为100%;将单元格内的内容设置为水平居中显示;间隔设置表格行的background-color属性,表格行可以更清晰;表格取消内部竖线实例代码,及在线编辑器ABCabcefghijklm#t1{width:100%;height:200px;}#t1 tr{border-bottom:1px solid skyblue;text-align:center;}#t1 th{text-align:center;}#t1 tr:nth-child(odd){background-color:skyblue;}#t1 tr:hover{background-color:orange;}

原文:

•••展开全文
相关文章