الجزء الرئيسي من الجدول الذي يحتوي على البيانات.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inline CSS Table Body Example</title>
</head>
<body>
<table style="width: 80%; margin: 20px auto; border-collapse: collapse;">
<thead>
<tr style="background-color: #4CAF50; color: #fff;">
<th style="padding: 10px; border: 1px solid #ddd;">Header 1</th>
<th style="padding: 10px; border: 1px solid #ddd;">Header 2</th>
<th style="padding: 10px; border: 1px solid #ddd;">Header 3</th>
</tr>
</thead>
<tbody>
<tr style="background-color: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ddd;">Data 1</td>
<td style="padding: 10px; border: 1px solid #ddd;">Data 2</td>
<td style="padding: 10px; border: 1px solid #ddd;">Data 3</td>
</tr>
<tr style="background-color: #fff;">
<td style="padding: 10px; border: 1px solid #ddd;">Data 4</td>
<td style="padding: 10px; border: 1px solid #ddd;">Data 5</td>
<td style="padding: 10px; border: 1px solid #ddd;">Data 6</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ddd;">Data 7</td>
<td style="padding: 10px; border: 1px solid #ddd;">Data 8</td>
<td style="padding: 10px; border: 1px solid #ddd;">Data 9</td>
</tr>
</tbody>
</table>
</body>
</html>
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Data 1 | Data 2 | Data 3 |
| Data 4 | Data 5 | Data 6 |
| Data 7 | Data 8 | Data 9 |