Table Gallery

This page shows some of the creative effects you can apply to tables. If you design a table for a client, you would ideally like to get the table information in Excel, so you could import it as comma-separated values (.csv) into Dreamweaver using File > Import > Tabular Data.

Column 1 Column 2 Column 3
Row 1, Column 1 Row 1, Column 2 Row 1, Column 3
Row 2, Column 1 Row 2, Column 2 Row 2, Column 3
Row 3, Column 1 Row 3, Column 2 Row 3, Column 3
Row 4, Column 1 Row 4, Column 2 Row 4, Column 3
Row 5, Column 1 Row 5, Column 2 Row 5, Column 3
Row 6, Column 1 Row 6, Column 2 Row 6, Column 3
Default table appearance, with double-lined borders, Times Roman font, and crowded spacing around text.
Column 1 Column 2 Column 3
Row 1, Column 1 Row 1, Column 2 Row 1, Column 3
Row 2, Column 1 Row 2, Column 2 Row 2, Column 3
Row 3, Column 1 Row 3, Column 2 Row 3, Column 3
Row 4, Column 1 Row 4, Column 2 Row 4, Column 3
Row 5, Column 1 Row 5, Column 2 Row 5, Column 3
Row 6, Column 1 Row 6, Column 2 Row 6, Column 3
Redesigned table with increased padding around text, even rows selected with “nth-child” selector and shaded “Gainsboro” (light gray), and text set in the screen font Georgia.
Russian Fairytale Boxes
Box Theme Characters DepictedEnglish Counterpart
The Grey WolfIvan Tsarevitch, Helen the Beautiful, the Grey Wolfnone
The Horse with the Golden Mane Ivan Tsarevitch and the Horse with the Golden Mane The Magic Pony
The Firebird Ivan Tsarevitch and the Firebird The Phoenix
Father Frost Father Frost, the Snow Queen, and a troika of horses Santa Claus
Table with ghosted-back image background and even rows lightened with transparent white (rgba, where “a” is alpha). The table lists Russian fairytale characters, commonly illustrated on laquer boxes.