设置tr的边框
设置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;
}
