[html]
<body>
<div class="cart-background">
<h3>Your Shoping Carts</h3>
<table class="cart-table">
<thead>
<tr>
<th></th>
<th>Item</th>
<th>Amount</th>
<th>Price</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>< img src="../img/item1.png" width="50px"></td>
<td>카메라</td>
<td>1</td>
<td>7000</td>
<td>7000</td>
</tr>
</tbody>
</table>
</div>
</body>
[.css파일]
.cart-background{
background-color:#c2d3de;
width: 100%;
padding: 30px;
}
.cart-table th,.cart-table td{
background-color: white;
padding: 15px;
border-bottom: 1px solid #c2d3de;
}
css파일에 border-bottom: 1px solid #c2d3de; 를 위에처럼 주었는데, 표의 bottom부분만 선이 보이는게 아니라,
전체가 보이는데, 어떤 문제인지 모르겠네요.