設置tr的邊框
本文屬轉載文章，原出處請查看下方
原文：https://blog.csdn.net/chengjun583/article/details/40115907/
有時候有設置tr邊框的需求，寫下如下css
tr{
border-bottom: 1px solid red;
}
發現不起作用，后來在w3c上查了查，原來只有table，th和td有獨立的邊框，tr並無邊框。
但我想實現每一行都存在下邊框，其他邊框不存在，該怎么辦呢？
有兩種實現方法：
方法1：
table{
border-collapse: collapse;
}
tr{
border-bottom: 1px solid red;
}
解釋，border-collapse: collapse; 將table，th和td的邊框合成單一的邊框，此時在使用tr就可以達到目的。
方法2：
先在table標簽里面設置cellspacing等於0，
<table cellspacing="0">
然后，
td{
border-bottom: 1px solid red;
}