Table is a very basic thing in HTML and website building. Many times, when I encounter a table in my project, I usually need to find out a way to style the table to make it nice and be suitable with the website. Fortunately, a lot of techniques and designs of table are already available on the web together with tutorials teaching people to build a very neat and nice table. In this article, I would like to introduce those techniques and designs so that you can refer to when you need to apply one of them into your project.
Let’s start from neat & simple designs from http://fluidmind.org
This design is a very simple design. However, it manages to change all the default border of a table and add in 1px border to make the table nice and neat to view.
This design improves from the first one by adding in the background color and make the table easy to see vertically.
This design improves the horizontal readability and enhances the view by making the header color outstanding from the rest of the table.