Table cell border : table cell : Table Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » Table Style » table cell »

 

Table cell border


 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">

table {
  border-collapse: collapse;
  border: 5px solid #444;
}

td {
  padding: 4px;
}

th {
  color: white;
  background-color: black;
}

td, th+th {
  border: 5px solid #666;
}


td+td {
  border: 5px solid #ccc;
  text-align: center;

}

td#winner {
  border: 7px dotted #999;
}

  </style>

</head>

<body>


 <table cellspacing="0">
    <tbody>
     <tr>
      <th colspan="4">
          General
      </th>
     </tr>
     <tr>
      <th>&nbsp;</th>
      <th>E</th>
      <th>L</th>
      <th>U</th>
     </tr>
     <tr>
      <td>
          Total 
      </td>
      <td>
          272,091
      </td>
      <td>
          *****
      </td>
      <td>
          *****
      </td>
     </tr>
     <tr>
      <td colspan="4">
          Sex
      </td>
     </tr>
     <tr>
      <td width="329">Male</td>
      <td>2</td>
      <td>3</td>
      <td>6</td>
     </tr>
     <tr>
      <td width="329">Female</td>
      <td id="winner">6</td>
      <td>4</td>
      <td>1</td>
     </tr>
</table>

</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Table Style
» table cell