本篇为大家简单介绍关于table边框:table如何设置边框,希望对大家的工作或学习有帮助。
table如何设置边框:
1.通过table标签的属性来设置,border=”1″ 边框设置为1,cellspacing=”0″ 单元格间距设置为0.
<table border="1" cellspacing="0"></table>,效果如图
2.通过css样式设置,而且用css可以自动设置边框的粗细、颜色等。
table, td{
border: 1px solid #000000;
border-collapse: collapse;
}
或
table{
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-collapse: collapse; /*设置单元格的边框合并为1*/
}
td{
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
或
table{
border-collapse: collapse;
}
table td{
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
table tr:first-child td{
border-top: 1px solid #000000;
}
table tr td:first-child{
border-left: 1px solid #000000;
}
表格的隔行变色:
table tr:nth-child(odd){background:#F4F4F4;} //奇数
table tr:nth-child(even){color:#C00;} //偶数