У меня есть код, который устанавливает значения в столбцах таблицы, теперь для текста, который отображается черным цветом, но я хочу выделить текст на фоне синего цвета
Ниже мой текущий HTML код
<body>
<div class="container">
<table class="table table-responsive-sm table-bordered border-dark">
<caption style="caption-side: top;">
<h2 style="color:red">Country wise live updates</h2>
</caption>
<thead>
<tr>
<th scope="col">Country</th>
<th scope="col">Total Affected</th>
<th scope="col">Deaths</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{data.country}}</td>
<td>{{data.total}}</td>
<td>{{data.deaths}}</td>
</tr>
</tbody>
</table>
</div>
</body>
токовый выход:
![enter image description here](https://i.stack.imgur.com/oLFK9.png)
Ожидается, что будет выделена только текстовая часть.
Я хочу отобразить вывод, как показано ниже:
![enter image description here](https://i.stack.imgur.com/VyZv1.png)