GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Formatar CSS da table

front-end
html
css
Tags: #<Tag:0x00007f241bc3d200> #<Tag:0x00007f241bc3d0c0> #<Tag:0x00007f241bc3cf80>

#1

Gostaria de deixar a minha table com esse visual

Mas minha tabela esta com esse visual

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.