刚刚开始学习前端部分,自己给自己做个记录吧
html中table标签 默认带有cellspacing属性 和 cellpadding属性
意思也很明显 cell代表表格内<td>或<th>内容信息,如果不考虑这两项属性,在利用css为表格填充线时会出现线对不上的问题(图中即为效果)
当在table标签中加入 cellspacing=“0”和 cellpadding=“0”时 问题迎刃而解。
css代码:
.table1{
border-right:1px solid #F00;border-bottom:1px solid #F00;
}
.table1 td,th{
border-left:1px solid #F00;border-top:1px solid #F00;
}