Example:
Header 1 |
Header 2 |
Header 3 |
Cell 1 |
Cell 2 |
Cell 3 |
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Context CSS Example</title>
<meta http-equiv="Content-Type"
content="text/html; charset=us-ascii">
<style type="text/css"><!--
table.border1 {
border-top : 1px solid black;
border-left : 1px solid black;
border-bottom : 0;
border-right : 0;
}
table.border1 tr th {
border-top : 0;
border-left : 0;
border-bottom : 1px solid black;
border-right : 1px solid black;
}
table.border1 tr td {
border-top : 0;
border-left : 0;
border-bottom : 1px solid black;
border-right : 1px solid black;
}
//-->
</style>
</head>
<body>
<table class='border1' cellspacing='0' cellpadding='2'>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
</table>
</body>
</html>