CSS 学习笔记三（Tables/）

CSS Tables

border

border: border-width border-style border-color|initial|inherit;

border-width

border-width: medium|thin|thick|length|initial|inherit;

border-style

border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Table Borders

Example

1 table, th, td {
2    border: 1px solid black;
3 }

border-collapse

border-collapse: separate|collapse|initial|inherit;

border-spacing

• The border-spacing property sets the distance between the borders of adjacent cells (only for the "separated borders" model).

border-spacing: length|initial|inherit;

Example

1 table {
2     border-collapse: separate;
3     border-spacing: 10px 50px;
4 } 

Horizontal Alignment

text-align: left|right|center;

Vertical Alignment

vertical-align: top|bottom|middle;

Table Padding

Hoverable Table

Striped Tables

Table Color