CSS Table Example

Table Borders

This CSS border property specify the table borders

Example:-

CSS Table Width

Example:-

Collapse Table Borders

This property border-collapse is used to collapsed into a single border.

Example:-

CSS Table Width and Height

Use width and height properties.

Example:-

CSS Table Alignment

Example:-

CSS Table Style

Table Padding

Ther padding is use to control the space between the border and the content in a table.

Example:-

Horizontal Dividers

Add this border-bottom property to <th> and <td> for horizontal dividers:

Example:-

Table Color

background color and text color of <th> elements:

Example:-

Mouse Hoverable Table

Use this :hover selector on <tr> to highlight table rows on mouse over:

Example:-

Responsive Table

horizontal scroll bar if the screen is too small to display the full content:

Example:-