給表格設置不重疊的邊框(單線邊框)的2種方法

大多數朋友都會遇到給表格table設置邊框的情況，但效果總是達不到預期，比如某幾根線會因重復設置而加粗，破壞了整體效果。下面我給大家介紹兩種設置單線邊框的css樣式：
第一種：
 

復制代碼 代碼如下:
table{
border-collapse:collapse;
}
table tr{
border:1px solid red;
}

第二種：

復制代碼 代碼如下:
table tr td{
border-top:1px solid red;
}
table{
border:1px solid red;
border-top-width:0px;
}

效果：