Использование элементов HTML col и colgroup

Демонстрация работы элемента HTML col, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<table id=sprinters>
	<caption>Самые быстрые бегуны на 100 метров в мире, 2012 год</caption>
	<col><col><col>
	<thead>
		<tr>
			<th>Имя
			<th>Страна
			<th>Лучшее время
	</thead>
	<tfoot>
		<tr>
			<td colspan="2">Среднее время
			<td>9.66 секунд
	</tfoot>
	<tbody>
		<tr>
			<td>Усэйн Болт
			<td>Ямайка
			<td>9.58 секунд
		<tr>
			<td>Тайсон Гэй
			<td>США
			<td>9.69 секунд
		<tr>
			<td>Асафа Пауэлл
			<td>Ямайка
			<td>9.72 секунд
	</tbody>
</table>

CSS

#sprinters {
	border-collapse: collapse;
}
#sprinters caption {
	font-size: larger;
}
#sprinters td, #sprinters th {
	padding: .5rem;
}
#sprinters tfoot tr td {
	border-top: 1px solid #000;
}
#sprinters col:last-child {
	background: #ddd;
}
#sprinters thead {
	background: #000;
	color: #fff;
}