<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Border and Background</title>
</head>
<style type="text/css">
table{}
table tr{ border: 1px #eee solid;}
table tr th{ border-bottom: 1px #ccc solid;border-top: 1px #ccc solid; margin: 0px; padding: 5px; border-right: 1px #ccc solid; background: #eee;}
table tr th:first-child{ border-left:1px #ccc solid;}
table tr td{ border-bottom: 1px #ccc solid; padding: 5px; margin: 1px; /* border-left: 1px #ccc solid; */ border-right: 1px #ccc solid;}
table tr td:first-child{ border-left:1px #ccc solid;}
</style>
<body>
<table width="700" cellpadding="10" cellspacing="0">
<tr>
<th>Demo</th>
<th>Demo</th>
<th>Demo</th>
<th>Demo</th>
</tr>
<tr>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
</tr>
<tr>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Border and Background</title>
</head>
<style type="text/css">
table{}
table tr{ border: 1px #eee solid;}
table tr th{ border-bottom: 1px #ccc solid;border-top: 1px #ccc solid; margin: 0px; padding: 5px; border-right: 1px #ccc solid; background: #eee;}
table tr th:first-child{ border-left:1px #ccc solid;}
table tr td{ border-bottom: 1px #ccc solid; padding: 5px; margin: 1px; /* border-left: 1px #ccc solid; */ border-right: 1px #ccc solid;}
table tr td:first-child{ border-left:1px #ccc solid;}
</style>
<body>
<table width="700" cellpadding="10" cellspacing="0">
<tr>
<th>Demo</th>
<th>Demo</th>
<th>Demo</th>
<th>Demo</th>
</tr>
<tr>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
</tr>
<tr>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
<td>Test Text</td>
</tr>
</table>
</body>
</html>
No comments :
Post a Comment