Включенный в фреймворк код, стилизует таблицы:
/* Tables ------------------------------ */ table { border-collapse: collapse; width: 100%; } table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; } table th { background: #f4f4f4; } table td { }
Для начала мы схлопываем все границы в таблице и задаём ей ширину 100%. Потом для всех ячеек таблицы прикручиваем 1-пиксельную серую границу, внутренние отступы для комфортного восприятия и выравнивание содержимое ячеек по верхнему краю.
Для заглавных ячеек th мы заливаем фон нежным серым цветом.
Этого достаточно для того, чтобы наши таблицы выглядели вполне опрятно и стильно.
Всё это работает для всех таблиц на сайте. Это ведь не повредит разметке ваших макетов, не правда ли?
<table> <tbody> <tr><th>Заголовки</th><th>Столбцов</th><th>И их значения</th></tr> <tr><td>Содержимое таблицы</td><td>123456</td><td>789</td></tr> </tbody> </table>
Ссылки по теме: