Глава 10. Форматирование таблиц и форм
Добавьте свойство border-co ll apse в стиль, который вы создали в шаге 3. Теперь
его содержимое будет таким:
#inventory {
font-family: "Trebuchet MS". Arial. Helvetica. sans-serif:
width: 100%:
border-collapse: collapse;
Свойство border- со ll apse убирает промежутки между ячейками. Оно также способствует
Тому, что соприкасающиеся границы ячеек сливаются в одну, что
Избавляет таблицу от то.лстых, некрасивых границ. Если не воспользоваться
Свойством border-collapse, то нижняя граница заголовка таблицы соединится
С верхней границей ячеек таблицы, это приведет к тому, что граница удвоится
И ее толщина будет равняться 2 пикселам. Если вы.сейчас взглянете на таблицу,
То увидите, что данные в ней выглядят намного лучше, но информация в каждой
Из ячеек немного сжата. Добавим небольшой отступ, чтобы избавиться от
Этого.
7. Добавление отступов к групповому селектору, созданному в шаге 5:
#inventory td. #inventory th
font-size: 1.4em:
border: lpx solid #DDB575:
padding: Зрх 7рх 2рх 7рх;
Хотя верхняя строка таблицы с заголовками и выделяется из-за использования
В ней полужирного шрифта, вы можете сделать так, чтобы она выглядела еще
Ярче и нагляднее.
