Home   Page 2   Page 3   You are Here   Page 5   Page 6

Tables

These tables explore border styling and further explore color options

You can style a border in CSS - changing the border style, color and width. Here are some examples.

This table shows a dotted border.
Item Dairy Fruit Meat Vegetables
Income $35 $40 $40 $30
Expenditure $40 $40 $50 $50

This table shows a grooved border.
Item Dairy Fruit Meat Vegetables
Income $35 $40 $40 $30
Expenditure $40 $40 $50 $50

This table shows a double border.
Item Dairy Fruit Meat Vegetables
Income $35 $40 $40 $30
Expenditure $40 $40 $50 $50

This table shows a ridge border.
Item Dairy Fruit Meat Vegetables
Income $35 $40 $40 $30
Expenditure $40 $40 $50 $50

When you start to put it all together, and add CSS styling to the table rows, it begins to look a bit like this.
Item Dairy Fruit Meat Vegetables
Income $35 $40 $40 $30
Expenditure $40 $40 $50 $50