Рамка навколо таблиці встановлюється за допомогою стильової властивості border, вона додається до селектора table. Через border можна одночасно задати товщину, колір та стиль рамки. У прикладі 1 показано створення рамки завтовшки два пікселі.
Приклад 1. Рамка навколо таблиці
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Рамка</title> <style> table { width: 100%; /* Ширина таблиці */
border: 2px solid #BC7062; /* Рамка навколо таблиці */
}
</style>
</head>
<body> <table> <tr><td>Леонардо</td><td>5</td><td>8</td></tr> <tr><td>Рафаель</td><td>4</td><td>11</td></tr> <tr><td>Мікеланджело</td><td>24</td><td>9</td></tr> <tr><td>Донателло</td><td>2</td><td>13</td></tr>
</table>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Мал. 1. Вид рамки