CSS: table layout. Design Examples

CSS - . , . , , .

. CSS , , , . .

CSS (). . 0 . border.

:

table { border: 3px solid black; }

, , . , , . .

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

. , .

solid . .

css table design




, .





border . , , . .

table {border-top: 1px solid red; }

. , top : right, left bottom.

<caption>. CSS . CSS , , .

, ( " 1").

beautiful css table layout




caption-side (top bottom). text-align.

- . background-color. . .

, . , :









  • Transparent - .
  • Inherit - , .
  • Initial - .

, CSS , .

, . background-image. :

url('URL')

, .

:

  • linear-gradient();
  • radial-gradient();
  • repeating-linear-gradient() repeating-radial-gradient() - .

, . , .

, . :

  • tr:nth-child (even) { ... } - ;
  • tr:nth-child (1) { ... } - ;
  • td:nth-child (even) { ... } - ;
  • td:nth-child (1) { ... } - .

, - (td:first-child) (td:last-child).

CSS . . , , .

css table layout examples




, . - . , :

border-collapse: collapse

, , , . , . ( collapse):

border-collapse:separate

, . , :

border-spacing: 20px.

, :

border-spacing:10px20px.

css table style




, CSS -, . , CSS .

table formatting with css




.

.

frame thickness css




.

.

border-style




CSS . Internet Explorer.

CSS . - - ().

.

CSS: ,

tilt in the table




. . . . .

. .

beautiful table layout with css




, . .

round border css frame




. .

, CSS . . , . .

- . . . . .

, . , , , .




All Articles