Table Code
HTML Table Border Code
Style the lines around and inside your table — width, style and colour.
Live Tool
table-border.css
Live
Preview
1How To Use
Follow these steps — no coding experience needed.
- Set width and styleA 1-2px solid border is the most common, clean choice.
- Pick a colourMatch your site's accent colour for a cohesive look.
- Add border-collapse: collapsePrevents doubled-up borders between adjacent cells — already included above.
2Example Output
What this code looks like once it's on a real page.
| A | B |
|---|---|
| 1 | 2 |
3Browser Compatibility
| Browser | Support | Notes |
|---|---|---|
| Chrome | ✓ Supported | Full support |
| Firefox | ✓ Supported | Full support |
| Safari | ✓ Supported | Full support |
| Edge | ✓ Supported | Full support |
| Opera | ✓ Supported | Full support |
| Mobile browsers | ✓ Supported | Full support, iOS & Android |
Supported in every current browser — Chrome, Firefox, Safari, Edge and Opera all render this identically, on both desktop and mobile.
→Related Pages
More tools that pair naturally with this one.