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;} //偶数