border-spacing.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
  "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Border Spacing</title>
<style type="text/css">
<!--
table {border-spacing: separate; border-spacing: 5px 10px; border: 2px solid black;}
td {border: 1px solid gray; background: #FFD; padding: 0.25em;}
-->
</style>
</head>
<body id="www-meyerweb-com" class="css">
<p>
In the following table, the cells should have 5 pixels of border-spacing in the horizontal, and 10 pixels in the vertical.
</p>
<table>
<tr>
<td>r1c1</td><td>r1c2</td><td>r1c3</td><td>r1c4</td><td>r1c5</td><td>r1c6</td><td>r1c7</td><td>r1c8</td>
</tr>
<tr>
<td>r2c1</td><td>r2c2</td><td>r2c3</td><td>r2c4</td><td>r2c5</td><td>r2c6</td><td>r2c7</td><td>r2c8</td>
</tr>
<tr>
<td>r3c1</td><td>r3c2</td><td>r3c3</td><td>r3c4</td><td>r3c5</td><td>r3c6</td><td>r3c7</td><td>r3c8</td>
</tr>
<tr>
<td>r4c1</td><td>r4c2</td><td>r4c3</td><td>r4c4</td><td>r4c5</td><td>r4c6</td><td>r4c7</td><td>r4c8</td>
</tr>
<tr>
<td>r5c1</td><td>r5c2</td><td>r5c3</td><td>r5c4</td><td>r5c5</td><td>r5c6</td><td>r5c7</td><td>r5c8</td>
</tr>
<tr>
<td>r6c1</td><td>r6c2</td><td>r6c3</td><td>r6c4</td><td>r6c5</td><td>r6c6</td><td>r6c7</td><td>r6c8</td>
</tr>
<tr>
<td>r7c1</td><td>r7c2</td><td>r7c3</td><td>r7c4</td><td>r7c5</td><td>r7c6</td><td>r7c7</td><td>r7c8</td>
</tr>
<tr>
<td>r8c1</td><td>r8c2</td><td>r8c3</td><td>r8c4</td><td>r8c5</td><td>r8c6</td><td>r8c7</td><td>r8c8</td>
</tr>
</table>
</body>
</html>