5 Bootstrap CSS - Tables

This demo is an extraction from http://getbootstrap.com/css/. created by @juanmendezinfo

by Şuayip Ekmekci

HTML

<link rel="stylesheet" href="http://getbootstrap.com/assets/css/docs.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
<table class="table">
        <thead>
          <tr>
            <th></th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
          </tr>
          <tr class="bg">
            <td>2</td>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
          </tr>
          <tr>
            <td>3</td>
            <td>Larry</td>
            <td>the Bird</td>
            <td>@twitter</td>
          </tr>
            <tr class="bg">
            <td>2</td>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
          </tr>
        </tbody>
      </table>

CSS

table { border-collapse: separate; border-spacing: 0; ; margin-top:10px; margin-left:10px;}
td{
     border:1px solid #c0c0c0
} 

tr.bg{background:#c0c0c0;}

td:first-child { border-bottom-left-radius: 10px; border-top-left-radius: 10px;  background:#c0c0c0;}

 th:first-child { border:0;  background:transparent;}

 th { border:1px solid #c0c0c0; background:#c0c0c0; border-top-left-radius: 10px; border-top-right-radius: 10px;}