2018-10-04 13:47:55 +00:00
---
title: Styling Tables
---
## Styling Tables
2018-11-24 00:59:54 +00:00
Tables can be styled with css properties, such as ```table-layout```,```border```,```border-collapse```,```border-spacing```,```width```,```height```,```text-align```,```font```,```color```,```empty-cells```, ```caption-side```, etc.
2018-10-04 13:47:55 +00:00
2018-10-15 19:55:12 +00:00
### Example
```css
/*set table border to solid black*/
table, th, td {
border: 1px solid black;
}
table {
border-collapse: collapse;
}
/*set padding of 15px to all table elements and aligns to left*/
th, td {
padding: 15px;
text-align: left;
}
```
2018-10-04 13:47:55 +00:00
#### More Information:
2018-10-15 19:55:12 +00:00
- [MDN ](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_boxes/Styling_tables )
- [w3schools ](https://www.w3schools.com/css/css_table.asp )
2018-11-24 01:00:22 +00:00
- [CSS Tricks ](https://css-tricks.com/complete-guide-table-element/ )
2018-10-04 13:47:55 +00:00