table test

by cristianromagnoli

HTML

<div class="wrp">
<table border="1">
  <colgroup>
    <col id="col-1" span="2">
    <col id="col-2">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>
    </div>

CSS

.wrp{width: 200px; overflow-x: auto}
table{font-family: arial;}
colgroup #col-1{background-color:red; border-color: #f00 }
colgroup #col-2{background-color:yellow;}
table td:first-child{font-weight: bold; font-size: 20px; background-color: #000; color: #fff}