Table cell with dashed black border

     

<!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" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Vertical alignment across a table row using vertical-align: baseline</title>
  <style type="text/css" media="all">
    table {
      font: 1em/1.5em Georgia, serif;
      border: 1px solid black;
      margin: 1em 1em 0 1em;
    }
    td {
      width: 10em;
      line-height: 1.5em;
      padding: 0.25em;
      border: 1px dashed black;
    }
    table.type1 td {
      vertical-align: top;
    }
    table.type2 td {
      vertical-align: baseline;
    }
    td.two {
      line-height: 2.5em;
    }
    td.three {
      line-height: 2em;
    }
  </style>
</head>
<body>
  <table class="type1">
    <tr>
      <td>this is a test. </td>
      <td class="two">this is a test. </td>
      <td class="three">this is a test. </td>
    </tr>
  </table>
  <table class="type2">
    <tr>
      <td>this is a test. </td>
      <td class="two">this is a test. </td>
      <td class="three">this is a test. </td>
    </tr>
  </table>
</body>
</html>

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 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

Table cell with dashed black border : td border « Tags « HTML / CSS

Related examples in the same category