Table cell border : td border « Tags « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » Tags » td border 




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>

   
    
  














Related examples in the same category
1.Shading border for table cell
2.Cell with no Border
3.Hidden, Removed Cells and Separated Borders
4.Hidden, Removed Cells and Collapsed Borders
5.Set td tag to have border: 1px solid black, width:6em
6.Use table cell border to highlight total
7.Table cell with dashed black border
8.Table border and table header, cell border
9.td border-left: 1px solid #fff;
10.td border-bottom: 1px solid #fff;
11.td border: 1px solid black;
12.td {border:1px solid black;}
13.td border-bottom: 1px solid #CDC1A7;
14.td border: 1px solid rgb(200, 200, 200);
15.td border: 1px solid crimson;
16.td border: 1px solid darkslateblue;
17.td border: thin solid black;
18.td border: 1px solid gold;
19.td {border:1px solid black;}
20.td padding:5px;border-style:solid;border-width:1px;border-color:#999999;
21.hover with border
22.Interior column border
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.