Table header font, background and padding : th padding « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. th padding

Table header font, background and padding

     

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
table {
 border-collapse: collapse;
 width: 100%;
 border: 1px solid #666;
}
 th { 
 background: #888; 
 padding: .5em 0 .5em 7px;
 text-align: left;
 border-top: 1px solid #666;
 border-bottom: 1px solid #666;
 text-shadow: #ccc -2px 2px -2px;
}

</style>
</head>

<body>
  <table>
    <tr>
   <th colspan="4">
   General Characteristics
   </th>
  </tr>
  <tr class="secondrow">
   <th></th>
   <th>E</th>
   <th>L</th>
   <th>U</th>
  </tr>
  <tr>
    <td>T</td>
    <td>272,091</td>
    <td>****</td>
    <td>****</td>
  </tr>
  <tr>
    <td colspan="4">Sex</td>
  </tr>
  <tr>
    <td>Male</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>

  <tr>
    <td>Female</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  </table>
</body>
</html>








Related examples in the same category

1.Add padding for table header and table cell
2.th padding-left: 12px;
3.th padding-right: 12px;
4.th padding-right: 11px;
5.th padding: 5px;