我有一張桌子正在嘗試設計樣式。我想在每個bottom-border下面都有一個，但無論我放什么，它都不適用。我什至嘗試設置顏色，但這也沒有給出。有什么想法我做錯了嗎？theadtrthead.border-bottom { border-collapse: collapse; border-bottom: 2px solid #CCD5DE; } table { width: 100%; max-height: 500px; overflow: scroll; } thead { color: red; } th { font-weight: 700; font-size: 20px; letter-spacing: 1px; text-align: left; padding-top: 20px; padding-bottom: 20px; } td { font-weight: 400; font-size: 18px; letter-spacing: .75px; text-align: left; padding-top: 20px; padding-bottom: 20px; }<div class="spaced-div"> <table> <thead class="bottom-border"> <tr> <th>Date</th> <th>Stock</th> <th>Quantity</th> <th>Price</th> <th>Fees</th> <th>Subtotal</th> </tr> </thead> <tbody> <tr class="border-bottom"> <td>March 21, 2020</td> <td>DMC</td> <td>1,330</td> <td>5.71</td> <td>23.54</td> <td>7,617.84</td> </tr> </tbody> </table></div>
1 回答
慕妹3242003
TA貢獻1824條經驗 獲得超6個贊
這里有兩個主要問題，
1） CSS屬性border-collapse: collapse;應該在table元素下，例如，
table {
width: 100%;
max-height: 500px;
overflow: scroll;
border-collapse: collapse;
}
2)確保和具有相同的類名.border-bottom。theadtbody tr
.border-bottom {
border-bottom: 2px solid #CCD5DE;
}
table {
width: 100%;
max-height: 500px;
overflow: scroll;
border-collapse: collapse;
}
thead {
color: red;
}
th {
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
}
td {
font-weight: 400;
font-size: 18px;
letter-spacing: .75px;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
}
<div class="spaced-div">
<table>
<thead>
<tr class="border-bottom">
<th>Date</th>
<th>Stock</th>
<th>Quantity</th>
<th>Price</th>
<th>Fees</th>
<th>Subtotal</th>
</tr>
</thead>
<tbody>
<tr class="border-bottom">
<td>March 21, 2020</td>
<td>DMC</td>
<td>1,330</td>
<td>5.71</td>
<td>23.54</td>
<td>7,617.84</td>
</tr>
</tbody>
</table>
</div>
- 1 回答
- 0 關注
- 98 瀏覽
添加回答
舉報
0/150
提交
取消