td border-left: 1px solid #fff; : td border « Tags « HTML / CSS

td border-left: 1px solid #fff;


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="en" lang="en">


<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam -" />
<meta name="Robots" content="index,follow" />

<style type='text/css'>
/* start - table */
table {
  border-collapse: collapse;
  margin: 10px;  
th strong {
  color: #fff;
th {
  background: #e7e6e6 url(MarketPlace-images/button.jpg) repeat-x;
  height: 29px;
  padding-left: 12px;
  padding-right: 12px;  
  text-align: left;
  border-left: 1px solid #f4f4f4;
  border-bottom: solid 2px #fff;
  color: #333;
tr {
  height: 30px;
td {
  padding-left: 11px;
  padding-right: 11px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
td.first,th.first {
  border-left: 0px;
tr.row-a {
  background: #F8F8F8;
tr.row-b {
  background: #EFEFEF;    
/* end - table */





<!-- wrap starts here -->
<div id="wrap">
      <h3>Table Styling</h3>              
          <th class="first">post date</th>
        <tr class="row-a">
          <td class="first">04.18.2007</td>
          <td><a href="index.html">Augue non nibh</a></td>
          <td><a href="index.html">Lobortis commodo metus vestibulum</a></td>
        <tr class="row-b">
          <td class="first">04.18.2007</td>
          <td><a href="index.html">Fusce ut diam bibendum</a></td>
          <td><a href="index.html">Purus in eget odio in sapien</a></td>
        <tr class="row-a">
          <td class="first">04.18.2007</td>
          <td><a href="index.html">Maecenas et ipsum</a></td>
          <td><a href="index.html">Adipiscing blandit quisque eros</a></td>
        <tr class="row-b">
          <td class="first">04.18.2007</td>
          <td><a href="index.html">Sed vestibulum blandit</a></td>
          <td><a href="index.html">Cras lobortis commodo metus lorem</a></td>




Related examples in the same category

1.Shading border for table cell
2.Table cell border
3.Cell with no Border
4.Hidden, Removed Cells and Separated Borders
5.Hidden, Removed Cells and Collapsed Borders
6.Set td tag to have border: 1px solid black, width:6em
7.Use table cell border to highlight total
8.Table cell with dashed black border
9.Table border and table header, cell border border-bottom: 1px solid #fff; border: 1px solid black; {border:1px solid black;} border-bottom: 1px solid #CDC1A7; border: 1px solid rgb(200, 200, 200); border: 1px solid crimson; border: 1px solid darkslateblue; border: thin solid black; border: 1px solid gold; {border:1px solid black;} padding:5px;border-style:solid;border-width:1px;border-color:#999999;
21.hover with border
22.Interior column border