CSS Tables

Introduction

Example

1/* this styles tables */
2table {
3  border-collapse: collapse;
4  width: 100%;
5}
6
7th, td {
8  border: 1px solid black;
9  padding: 8px;
10}

Key Points

• The `border-collapse` property merges double table borders.
• Padding inside `` and `` adds breathing room.
• Text aligns left by default in data cells.
• The `nth-child` selector creates striped rows.