th text-shadow: #ccc -2px 2px -2px; : th text « Tags « HTML / CSS






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

th text-shadow: #ccc -2px 2px -2px;

    

<!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 { 
 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">
   Table 1.
   </th>
  </tr>
  <tr class="secondrow">
   <th>

   </th>
   <th>
    Estimate
   </th>
   <th>
    Lower&nbsp;Bound
   </th>
   <th>
    Upper&nbsp;Bound
   </th>
  </tr>
  <tr>
    <td>Total population</td>

    <td>272,091</td>

    <td>****</td>

    <td>****</td>
  </tr>

  <tr>
    <td colspan="4">Sex</td>
  </tr>

  <tr>
    <td>Male</td>

    <td>129,179</td>

    <td>127,670</td>

    <td>131,908</td>
  </tr>

  <tr>
    <td>Female</td>

    <td>142,302</td>

    <td>140,183</td>

    <td>144,421</td>
  </tr>
  </table

</body>

</html>








Related examples in the same category

1.table header text-align: left;
2.th text-align: left;