CSS Table (Form)

The CSS table

Using CSS can greatly improve the appearance of HTML tables.

Table border

Specify the CSS table border, using the border

The following example specifies the black border th td elements of a table:

Note that the table in the example above has a bilateral box. This is because tables th / td elements have separate boundaries.

To display a single border for a table, use the border-collapse

Collapse the border

border-collapse property sets whether the border of the table is collapsed into a single border or separated:

Table width and height

width and height define the width and height of the table.

The following example is a table that sets the height of a 100% width, 50 pixels of th elements:

Table text alignment

Text alignment and vertical alignment properties in a table.

Text-align properties set horizontal alignment, like left, right, or center:

Vertical alignment properties set vertical alignment, such as top, bottom, or middle:

Table fill

If you control the border between spaces in the contents of the table, you should use the fill properties of the td and th elements:

Table color

The following example specifies the color of the border, and the text and background color of the th element:

More instances

Make a personality table
This example shows how to create a personality table.

Set the location of the table title
This example shows how to locate a table title.

Specify the width and height of the table

This example shows how to specify the height and width of a table.