Formatar CSS da table

Front-end
, ,
#1

Gostaria de deixar a minha table com esse visual

table
table.JPG1288×163 16 KB

Mas minha tabela esta com esse visual

table3
table3.JPG1297×310 14.8 KB

HTML

<div class="container">
    <div class="row">
         <div class="col-md-8 col-xs-8">
             <h3><b>Carrinho </b></h3> Clique em finalizar compra para efetuar seu pedido
         </div>
</div>
<div class="row">

    <table style="width:100%">
   <tr>
<th>Produto</th>
<th>Preço Unitario</th> 
<th>Quantidade</th>
<th>Subtotal</th>
  <th>Excluir</th>
  </tr>
  <tr>
    <td>Caneca</td>
   <td>56</td>
  <td></td>
   <td>56</td>
     <td><i class="fa fa-close"></i></td>
             </tr>
     </table>
   </div>
     </div>

CSS

 table{
    margin-top: 20px;
    }
#2

Inspecione a tabela que você usou como exemplo e veja o CSS usado nela.