Skillfully create navigation bar buttons with tables

Have you seen the navigation bar above? You can click here to see its effect. Please note that this is made from a table. Do you believe it? In fact, the code is very simple. Now let's take a look at how to do it.

1. Create a 1x6 table with the parameter border = 0 cellspacing = 3 cellpadding = 0;

2. Insert a table in each cell of the table with the width and height set to 100%;

3. Create a css style. UpAnd. DownThe code is as follows:

<Style> . Up { Border: 4 outset royalblue; color: yellow; background: blue; cursor: hand } . Down { Border: 4 inset royalblue; color: #33ff33; background: blue; cursor: hand } </Style>